Preview

The Heading Preview component is used to display a heading with a specific level ( h1, h2, h3, etc. ) and customizable text. It leverages Tailwind CSS for styling, making it flexible and easy to adapt to different designs.

Features

• Supports dynamic heading levels (h1–h6).
• Easily customizable using Tailwind CSS utility classes.
• Responsive and accessible.

Installation

pnpm dlx shadcn@latest add https://shadwui.com/r/heading.json

Usage

import { Heading } from "@/components/shadwui/heading";

<Heading> children </Heading>

Examples

Here is the usage of every Heading such as H1, H2, H3, H4, H5, H6.

H1

H2

H3

H4

H5

H6

Options