Skip to Content
ComponentsTypography

Typography

Typography component is used to render text and paragraphs within an interface.

GitHub LogoSource Code

Color

You can style the text color using any of the styling strategies we recommend.

This is a typography

This is a typography

This is a typography

Root component

The HvTypography component is a polymorphic component. Its default component is p, but it can be changed to any other element through the component prop.

Typography as a spanTypography as a link

You can also change the root component of the HvTypography component to a custom component. The example below shows how to create an a component that opens a link in a new tab with an indicator icon.

Last updated on