Prologue
Getting Started
Dark Mode
Colors
Drag-and-drop
Forms
Utilities
Heading
Heading is a component used to display titles and subtitles, providing a clear structure and emphasis for organizing and presenting content.
If you are using Tailwind v4, please refer to the 2.x documentation. This documentation assumes you are using Tailwind v3.
Basic
This is a standard heading.
Preview
Code
Installation
If you hit any issues, make sure you check out the installation guide here.
Anatomy
Import the components and use them as shown below, adapting the structure to fit each component.
Manual Installation
Heading Levels
By default, when a heading is used on a card component, it will default to level 3. Titles range from levels 1 to 4. Each level determines the title type and font size.
Preview
Code
Letter Spacing
Use the tracking prop to adjust letter spacing. Defaults to normal.
Preview
Code