Skip to main content
Version: 0.3.0

TcbsText

The TcbsText component provides consistent typography with theme support.

import { TcbsText } from '@tcbs/react-native-mazic-ui';

Props​

PropTypeDefaultDescription
childrenReact.ReactNodeRequiredText 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>