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 '@vortex-kit/vortex';
import type { TextProps } from '@vortex-kit/vortex';

Display

<Text size='body-md-desktop'>Design Engineer</Text>

Text

Prop
Type
Default
size
union
weight
union
color
union
align
union
wrap
union
decoration
union
maxLines
number
as
keyof React.JSX.IntrinsicElements
children
React.ReactNode
className
string | string[]
attributes
Attributes<TagName>
Text Primitive Props — Vortex Design System