@tdcerhverv/heading

Heading component

Includes styling for all standard headings h1 through h5, as well as styles that match the size of their respective heading.

State

• Test coverage: --%
• Known bugs: --
• Storybook: https://storybook.knet.lqd.dk/?path=/story/heading--all-props
• Zeroheight: --

Usage

Import like this:

import { H1 } from '@tdcerhverv/heading';

Use like this:

<H1>Everything is awesome!</H1>

Supported headings: H1, H2, H3, H4 and H5.

Props

export interface THeading extends HTMLAttributes<HTMLHeadingElement> {
  children?: ReactNode;
  weight?: 'thin' | 'regular' | 'strong';
  align?: 'left' | 'center' | 'right' | 'justify';
  uppercase?: boolean;
  lightColored?: boolean;
  looksLikeHeading?: number;
  className?: string;
}

Tags

heading, headline