Text
The text component is used to display a short text with the standard DialLink typography styles.
| Install | yarn add @diallink-corp/convergo-react-text |
|---|---|
| Version | 4.1.2 |
| Usage | import {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>