The type scale

Each level maps to a size step the theme paints (keyed on data-bankai-level). Headings ship margin: 0 — spacing is the layout's job (BankaiFlex / BankaiStack gap).

Level is required — and it means the outline

There is no universally-safe default heading level, and a wrong one silently breaks the document outline screen-reader users navigate by — so level has no default and must be stated. Pick it by the heading's place in the page hierarchy (don't skip levels), not by how big you want it to look.

Decoupling the visual size from the semantic level (an <h2> styled like an <h1>, the proper fix for wanting a size without skipping a level) is planned as a future size prop; today the visual size tracks the level.

Props

Emits

This component emits no events.

Slots

Exposes

This component exposes nothing on its instance.

Theming

Every token is a :root custom property applied through zero-specificity :where() rules, so a single plain declaration overrides one — no selector, no !important. Set it globally on :root or locally on any ancestor.