ObjectUIComponentsBasic
Text
Display text with standardized typography styles
The Text component displays text content with predefined typography variants.
Basic Usage
Simple Text
Variants
Heading 1
Heading 2
Heading 3
Paragraph
Lead
Large
Small
Muted
Schema
interface TextSchema {
type: 'text';
content: string; // Text content to display
value?: string; // Alias for content
variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'lead' | 'large' | 'small' | 'muted';
align?: 'left' | 'center' | 'right' | 'justify';
color?: string; // Tailwind color class
className?: string; // Additional CSS classes
}