Components / Text

Heading macrolite

A section or page heading at one of four levels.

Built from
Text
A2UI basic
Text (h1–h4)
Children
none
Loading the renderer…
Heading rendered by the React renderer on Web
Web React
Heading rendered by the SwiftUI renderer on iOS
iOS SwiftUI
Heading rendered by the Compose renderer on Android
Android Compose
Heading rendered by the gpui renderer on Desktop
Desktop gpui

View exponential-ui-heading, painted by each native renderer.

level · h1
level · h2
level · h3
level · h4
PropTypeDefaultDescription
textrequiredbindstring–The heading text.
levelh1 | h2 | h3 | h4"h2"h1 is the page title, h4 the smallest.

No events, no slots. Children: none.

Role
heading
Semantics
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