Text

Text represents text with no specific semantic meaning, serving as a basic element. It is equivalent to an HTML span element.

Example

Text Basic Example

UI Recommendations

Consider using ui.heading if you want to create different types of headings.

Content

The text component is sometimes used within a parent container, like button or picker to define text content when multiple children are passed (such as icons and descriptions). It inherits styling from its parent container.

Color

The color prop sets the text color for the text component.

API Reference

Text represents text with no specific semantic meaning.

Returns: Element The rendered text element.

ParametersTypeDefaultDescription
*childrenAnyText content.
keystr |
None
NoneA unique identifier used by React to render elements in a list.