Typographic component provides quick and fast way to have consistent text style.
type: oneOf(['display4', 'display3', 'display2', 'display1', 'headline', 'title', 'subheading', 'body2', 'body1', 'caption', 'label', 'button', 'link'])
Type of typography
Default: body2
Typography text align
Default: inherit
Typography text transform
Default: none
A flag prevents text wrap
Default: false
A flag adds bottom gutter
Default: false
A map of types to elements
Default: { display4: 'h1', display3: 'h2', display2: 'h3', display1: 'h4', headline: 'h1', title: 'h1', subheading: 'h3', body2: 'aside', body1: 'span', caption: 'div', label: 'label', button: 'button', link: 'a', }
<Typographic type="display4" align="justify" gutterBottom>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</Typographic>
License The MIT License Copyright (c) 2018 Ivan Zakharchanka