Body text with semantic color variants.
import { Text } from "open-mcp-app-ui";| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "primary" | "secondary" | "tertiary" |
"primary" |
Text color. |
| size | "sm" | "md" | "lg" |
"md" |
Text size. |
| as | "p" | "span" | "div" |
"p" |
HTML element to render. |
| children | ReactNode |
— | Text content. |
Also extends HTMLAttributes<HTMLParagraphElement>.
<Text>Primary body text</Text>
<Text variant="secondary" size="sm">Description or helper text</Text>
<Text variant="tertiary" as="span">Timestamp or metadata</Text>