Text

The text component is used to display a short text with the standard DialLink typography styles.

Installyarn add @diallink-corp/convergo-react-text
Version4.1.2
Usageimport {Text} from '@diallink-corp/convergo-react-text'

Usage

<Text>Some text</Text>
<Text>Some text</Text>
<Text>Some text</Text>

Transform

Through the transform prop, the capitalization of the text can be changed.

<Text transform='lowercase'>Lowercase Me</Text>
<Text transform='lowercase'>Lowercase Me</Text>
<Text transform="lowercase">
  Lowercase Me
</Text>
<Text transform='capitalize'>capitalize me</Text>
<Text transform='capitalize'>capitalize me</Text>
<Text transform="capitalize">
  capitalize me
</Text>
<Text transform="capitalize-first-letter">capitalize me</Text>
<Text transform="capitalize-first-letter">
  capitalize me
</Text>
<Text transform="capitalize-first-letter">
  capitalize me
</Text>