Heading

Heading is a component used to display titles and subtitles, providing a clear structure and emphasis for organizing and presenting content.

Basic

This is a standard heading.

The quick brown fox jumps over the lazy dog

Setup

If you hit any issues, make sure you check out the installation guide here.

And next, you can copy the code below and paste it into your dopest component folder.

Anatomy

Import the components and use them as shown below, adapting the structure to fit each component.

Manual Setup

Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.

Heading Levels

Headings range from levels 1 to 4. Each level determines the heading's font size and weight.

The quick brown fox jumps over the lazy dog

Letter Spacing

Use the tracking prop to adjust letter spacing. Defaults to normal.

The quick brown fox jumps over the lazy dog

SeparatorShow More