Skip to content

Heading

A section or page heading at one of four levels.

Group: Text · Kind: macro · in the lite catalog

exampleWelcome
level · h2Welcome
level · h3Welcome
level · h4Welcome
style · on a band
Welcome

Open in the playground

The same specimen painted by React, SwiftUI, Compose and gpui.

exponential-ui-heading on Web
exponential-ui-heading on iOS
exponential-ui-heading on Android
exponential-ui-heading on Desktop
Prop Type Required Bindable Description
text string yes yes The heading text.
level h1 | h2 | h3 | h4 – – h1 is the page title, h4 the smallest. Default "h2".

None.

None.

none

The basic catalog’s Text (h1–h4) renders as Heading.

Text

Role: heading

heading (level from h1–h4)

Not focusable; no keys.

Recipe parts: Heading/root

Keyed by: level :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover

Themes · Write a theme

Text · Plan · Markdown · CodeBlock · Kbd · Label