Heading

Headings on the title tokens, balanced across lines.

Your gateway

Preferences

No keys yet

Interface and theme

<div className="flex flex-col gap-16">
      <Heading size="display">Your gateway</Heading>
      <Heading size="title-lg">Preferences</Heading>
      <Heading size="title">No keys yet</Heading>
      <Heading size="title-sm">Interface and theme</Heading>
    </div>

import { Heading } from "@logicplanes/kaeso-ui";

Props

balance
boolean = true
Balances the lines of a heading that wraps.
level
4 | 1 | 2 | 3 | 5 | 6
The heading level in the document, independent of its size.
size
"title" | "display" | "title-sm" | "title-lg" = title-sm
The type style, from title-sm to display.