Typography

Last Update : 14 August, 2023 | Published : 01 July, 2023 | 1 Min Read

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.

h1. Level 1

h2. Level 2

h3. Level 3

h4. Level 4

h5. Level 5

h6. Level 6

Looking for Cloud-Native Implementation?

Finding the right talent is pain. More so, keeping up with concepts, culture, technology and tools. We all have been there. Our AI-based automated solutions helps eliminate these issues, making your teams lives easy.