Heading

Use the heading for page titles, section headers, and any semantic h1–h6 text. Set level for document outline semantics and size when the visual scale should differ from the default mapping.

import Heading from "@/components/heading/heading";

export function Example() {
  return (
    <Heading level="h1" size="2xl">
      Page title
    </Heading>
  );
}