Text

Text is a typography component for displaying content with consistent type styles, like page titles, body copy, or captions. It supports responsive sizes, semantic colors, and any HTML element.

Import

import { Text } from '@vortexlabs/vortex';
import type { TextProps } from '@vortexlabs/vortex';

Display

<Text size="body-md-desktop">Text</Text>

Text

Text props
Prop	Type	Default
`as`	`union`	`div`
`size`	`indexed`	No default value
`weight`	`union`	No default value
`color`	`union`	`default`
`align`	`union`	No default value
`wrap`	`union`	No default value
`decoration`	`"line-through"`	No default value
`lineClamp`	`number`	No default value
`tabularNums`	`true`	No default value
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value