CustomText

The CustomText component provides consistent typography with theme support.

Props

Prop	Type	Default	Description
children	React.ReactNode	Required	Text content
variant	'title' | 'subtitle' | 'body' | 'caption' | 'button'	'body'	Text style variant

Variants

Title

<CustomText variant="title">Main Heading</CustomText>

Subtitle

<CustomText variant="subtitle">Secondary Heading</CustomText>

Body (default)

<CustomText variant="body">Regular text content</CustomText>

Caption

<CustomText variant="caption">Small supporting text</CustomText>

Button

<CustomText variant="button">Button Text</CustomText>