Skip to main content

Text

Text component is a versatile primitive for rendering text, offering responsive sizing, semantic colors, adjustable font weights, alignment options, and text decoration features to enhance readability and visual hierarchy.

Import

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

Display

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

Other links

Component properties
PropTypeDefaultAttributes
as
keyof React.JSX.IntrinsicElements
div
size
union
No default value
weight
union
No default value
color
union
default
align
union
No default value
wrap
union
No default value
decoration
union
No default value
lineClamp
number
No default value
tabularNums
boolean
No default value
children
React.ReactNode
No default value
className
union
No default value
attributes
object
No default value