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

NameTypeDescription
idstringUnique to each element can be used to lookup an element getElementById( )
classNamestringTo add new or to override the applied styles
variantstringThe level of the heading
typestringValid 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.

Contact Us