Text

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.

 <LabelsLeftLayout>
  <TextField value={m.name} label="Name:" placeholder="Enter your name" />
  <Text value={m.name} />
</LabelsLeftLayout> 
 interface PageModel {
  name: string;
}

const m = createModel<PageModel>(); 
 import { createModel } from "cx/data";
import { Text, TextField } from "cx/widgets";
import { LabelsLeftLayout } from "cx/ui"; 

Name:

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")}`.