Skip to main content

Text info

Types#

Change text style by textStyle prop.

default primary success danger warning simple
<>
<TextInfo>default</TextInfo>
<TextInfo textStyle="primary" >primary</TextInfo>
<TextInfo textStyle="success" >success</TextInfo>
<TextInfo textStyle="danger" >danger</TextInfo>
<TextInfo textStyle="warning" >warning</TextInfo>
<TextInfo textStyle="simple" >simple</TextInfo>
</>

Size#

Add hugeness for additional sizes.

big small
<>
<TextInfo hugeness="big" >big</TextInfo>
<TextInfo hugeness="small" >small</TextInfo>
</>

API#

import TextInfo from "erxes-ui/lib/components/TextInfo";

* required prop

NameTypeDefaultDescription
children*React.ReactNode | stringDefine the text to show
ignoreTransbooleanIgnores translation
textStyleprimary | success | danger | warning | simpledefaultStyle the text
hugenessstringsmallSet the size of the text
Last updated on by enkhzule