Heading
A component to display headings.
Installation
npx shadcn@latest add @tetra-ui/headingUsage
import { Heading } from "@/components/ui/heading";<Heading level="1">Heading 1</Heading>Levels
Use the level prop to set semantic heading size from 1 through 6:
<Heading level="1">Heading 1</Heading>
<Heading level="2">Heading 2</Heading>
<Heading level="3">Heading 3</Heading>
<Heading level="4">Heading 4</Heading>
<Heading level="5">Heading 5</Heading>
<Heading level="6">Heading 6</Heading>