Typography
Text elements for headings, paragraphs, and links.
Headings
Six levels of headings with semantic HTML and flexible visual styling.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading with "as" Prop
Use the as prop to render a different element while keeping the heading style.
H1 style, rendered as H2
<Heading level={1} as="h2">... Text Sizes
Text component with various sizes for body copy.
Large body text for emphasis
size="lg" Medium body text (default)
size="md" Small body text for secondary content
size="sm" Extra small text for captions
size="xs" Text Variants
Different color variants for text hierarchy.
Default text color
Muted text for less emphasis
Secondary text color
Lead paragraph style
Links
Link component with different variants and states.