# Text

```ts
import { Text } from 'cx/widgets';
```

The `Text` component renders dynamic text content with data binding support. Use it when you need to display text values from the store.

```tsx
import { createModel } from "cx/data";
import { Text, TextField } from "cx/widgets";
import { LabelsLeftLayout } from "cx/ui";

interface PageModel {
  name: string;
}

const m = createModel<PageModel>();

export default (
  <LabelsLeftLayout>
    <TextField value={m.name} label="Name:" placeholder="Enter your name" />
    <Text value={m.name} />
  </LabelsLeftLayout>
);

```

## Configuration

| Property | Type | Description |
| -------- | ---- | ----------- |
| `value` | `string` | Text value to display. Supports data binding. |
| `bind` | `string` | Store path containing the text value. Equivalent to `value={bind("path")}`. |
| `tpl` | `string` | Template string. Equivalent to `value={tpl("template")}`. |
| `expr` | `string` | Expression string. Equivalent to `value={expr("expression")}`. |