Text
import {Text} from 'cx/widgets';The Text is used to dynamically render pure text content (without a container element).
StyleText
<TextField label="User name" value={{bind: '$page.username', defaultValue: "Jane" }} />
<div style={style} text-tpl="Hello, {$page.username|guest}!">
Other static content (this will not get rendered).
</div>
<div style={style} >
<Text tpl='Hello, {$page.username|guest}!' />
<br/>
Other static content.
</div>A common use-case is when we want to define inner text content of an element that also contains other child components.
In such cases we cannot use the text property as it would override any child elements.