Override or extend the styles applied to the component.
fontFamily
string
Roboto
defines the font that is applied to the text.
fontSize
string
18px
Specifies the size, or height, of the text.
fontWeigth
string
400
Sets the weight, or thickness, of the text.
color
string
#000000
Define the color of the component.
variant
string
Applies the theme typography styles. Values: `h1
Usage
import{Text}from'feather-react-components'render(){<Text>
// your content
</Text><Textvariant="h1">h1.Heading</Text>
<Textvariant="h2">h2. Heading</Text><Textvariant="h3">h3.Heading</Text>
<Textvariant="h4">h4. Heading</Text><Textvariant="h5">h5.Heading</Text>
<Textvariant="h6">h6. Heading</Text><Textvariant="subtitle1">subtitle1.Loremipsumdolorsitamet,consecteturadipisicingelit.Quosblanditiistenetur</Text>
<Textvariant="subtitle2">
subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quos blanditiis tenetur
</Text><Textvariant="body1">body1.Loremipsumdolorsitamet,consecteturadipisicingelit.Quosblanditiisteneturundesuscipit,quambeataereruminventoreconsectetur,nequedoloribus,cupiditatenumquamdignissimoslaborumfugiatdeleniti? Eumquasiquidemquibusdam.</Text>
<Textvariant="body2">
body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos
blanditiis tenetur unde suscipit, quam beatae rerum inventore
consectetur, neque doloribus, cupiditate numquam dignissimos laborum
fugiat deleniti? Eum quasi quidem quibusdam.
</Text><Textvariant="caption">captiontext</Text>
<Textvariant="OVERLINE">Overline Text</Text>}