TcbsText
The TcbsText component provides consistent typography with theme support.
import { TcbsText } from '@tcbs/react-native-mazic-ui';
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Required | Text content |
| variant | 'title' | 'subtitle' | 'body' | 'caption' | 'button' | 'body' | Text style variant |
Variants
Title
<TcbsText variant="title">Main Heading</TcbsText>
Subtitle
<TcbsText variant="subtitle">Secondary Heading</TcbsText>
Body (default)
<TcbsText variant="body">Regular text content</TcbsText>
Caption
<TcbsText variant="caption">Small supporting text</TcbsText>
Button
<TcbsText variant="button">Button Text</TcbsText>