Typography
Typography
Component demo
Interactive example
<ic-typographyvariant="h1"><h1>H1</h1></ic-typography><ic-typographyvariant="h2"><h2>H2</h2></ic-typography><ic-typographyvariant="h3"><h3>H3</h3></ic-typography><ic-typographyvariant="h4"><h4>H4</h4></ic-typography><ic-typography>Body</ic-typography><ic-typographyvariant="subtitle-large">Subtitle large</ic-typography><ic-typographyvariant="subtitle-small">Subtitle small</ic-typography><ic-typographyvariant="label">Label</ic-typography><ic-typographyvariant="label-uppercase">Label uppercase</ic-typography><ic-typographyvariant="caption">Caption</ic-typography><ic-typographyvariant="caption-uppercase">Caption uppercase</ic-typography><ic-typographyvariant="code-large">Code large</ic-typography><ic-typographyvariant="code-small">Code small</ic-typography><ic-typographyvariant="code-extra-small">Code extra small</ic-typography>
<IcTypographyvariant="h1">H1</IcTypography><IcTypographyvariant="h2"><h2>H2</h2></IcTypography><IcTypographyvariant="h3"><h3>H3</h3></IcTypography><IcTypographyvariant="h4"><h4>H4</h4></IcTypography><IcTypography>Body</IcTypography><IcTypographyvariant="subtitle-large">Subtitle large</IcTypography><IcTypographyvariant="subtitle-small">Subtitle small</IcTypography><IcTypographyvariant="label">Label</IcTypography><IcTypographyvariant="label-uppercase">Label uppercase</IcTypography><IcTypographyvariant="caption">Caption</IcTypography><IcTypographyvariant="caption-uppercase">Caption uppercase</IcTypography><IcTypographyvariant="code-large">Code large</IcTypography><IcTypographyvariant="code-small">Code small</IcTypography><IcTypographyvariant="code-extra-small">Code extra small</IcTypography>
Typography details
Props
All components also accept native properties supported by the DOM, such asclassName
and
style
.
|
|
|
---|---|---|
|
If |
|
|
If |
|
|
If |
|
|
The number of lines to display before truncating the text, only used for the 'body' variant. |
|
|
If |
|
|
If |
|
|
The ICDS typography style to use. |
|
If |
If |
If |
The number of lines to display before truncating the text, only used for the 'body' variant. |
If |
If |
The ICDS typography style to use. |