Text

A component for displaying text, supports nesting, styling.

import { Text, fontSizeProps } from 'cherag-ui'

Usage

Example 1

   <Text style={{ color: COLORS.red }} fontSize="3xl">
      Cherag-ui
    </Text>

Example 2

    <Text style={{ color: COLORS.green }} fontSize="2xl">
      Cherag-ui
    </Text>

Example 3

    <Text style={{ color: COLORS.blue }} fontSize="4xl">
      Cherag-ui
    </Text>

Example 4

    <Text style={{ color: COLORS.black }} fontSize="lg">
      Cherag-ui
    </Text>

Example 5

    <Text style={{ color: COLORS.sayn }} fontSize="sm">
      Cherag-ui
    </Text>

Cherag-ui

Props

Text Propertics

Name

Type

Description

children

React.ReactNode

Child elements of Text.

style

StyleProp<ViewStyle>

Style of Button.

fontSize

fontSizeProps

sm | md | lg | xl | 2xl | 3xl | 4xl