Heading

Heading is a styled typographic component for displaying headings of various levels on a page.

See all the examples and details in the Storybook.

Usage

import { Heading } from "@samgl/graffiti-ui";

const MyHeading = () => {
  return <Heading $level={1}>Heading 1</Heading>;
};

Props

Prop	Type	Default	Optional	Description
$level	number		❌	The heading level.
children	ReactNode		❌	The content of the heading.
className	string		✅	The class name of the component, generally used when extending the component with a styled component.