Skip to content

Text

Github Markdown Copy for LLM

Styled helper and error text for form fields. Use slot="description" or slot="errorMessage", and isInvalid to apply error color on description text. Text also masks when wrapped in Skeleton. Field components like TextInput render this for you via the description prop.

Import

import { Text } from "@cfa/react-core";

Live Editor

Compose Text inside a TextField. slot="description" applies description typography; isInvalid turns that text the error color.