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>