Headings

Use Headings for...

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
import { heading1, heading2, heading3, heading4, heading5, heading6 } from "@hedia/windfall/html/headings";

heading1("Heading 1"),
heading2("Heading 2"),
heading3("Heading 3"),
heading4("Heading 4"),
heading5("Heading 5"),
heading6("Heading 6"),

Page Headings

Use Page Headings for...

Heading text

Sub heading text

import { ButtonKind, ButtonSize } from "@hedia/windfall/css/buttons";
import { button } from "@hedia/windfall/html/buttons";
import { heading1, pageHeading } from "@hedia/windfall/html/headings";
import { paragraph } from "@hedia/windfall/html/paragraph";

pageHeading({
	heading: heading1("Heading text"),
	subHeading: paragraph("Sub heading text"),
	actions: [button({ kind: ButtonKind.Primary, size: ButtonSize.Small }, "Button text")],
}),