Typography - used to choose your headings(titles or subtitles) on your webpage.
Import
import Typography from '@intelops/intelops_ui/packages/react/components/Typography/src';
Add Typography
<Typography
variant="h5">
Text to be displayed
</Typography>
Props
Name | Type | Description |
---|---|---|
id | string | Unique to each element can be used to lookup an element getElementById( ) |
className | string | To add new or to override the applied styles |
variant | string | The level of the heading |
type | string | Valid HTML5 input value |
Variants
The different levels of the heading. There are 6 levels from h1-h6 with h1 being the largest and h6 being the smallest.