Heading macrolite
A section or page heading at one of four levels.
Preview
Loading the renderer…
createSurface + updateComponents, A2UI v0.9.
json
[
{
"version": "v0.9",
"createSurface": {
"surfaceId": "preview",
"catalogId": "https://ui.exponential.at/catalogs/core/v1"
}
},
{
"version": "v0.9",
"updateComponents": {
"surfaceId": "preview",
"components": [
{
"id": "root",
"component": "Stack",
"direction": "vertical",
"align": "stretch",
"children": [
"example"
]
},
{
"id": "example",
"component": "Heading",
"text": "Welcome",
"level": "h1"
}
]
}
}
]This surface through a MemoryTransport. Install and transports: React guide.
This surface through a MemoryTransport. Install and transports: SwiftUI guide.
This surface through a MemoryTransport. Install and transports: Compose guide.
This surface through a MemoryTransport. Install and transports: gpui guide.
Platforms




View exponential-ui-heading, painted by each native renderer.
Variants
level · h1level · h2level · h3level · h4Props
| Prop | Type | Default | Description |
|---|---|---|---|
textrequiredbind | string | – | The heading text. |
level | h1 | h2 | h3 | h4 | "h2" | h1 is the page title, h4 the smallest. |
Events and slots
No events, no slots. Children: none.
Accessibility
- Role
heading- Semantics
- heading (level from h1–h4)
Not focusable; no keys.
Theming
- Recipe parts
Heading/root- Keyed by
level:hover:pressed:focus:disabled:checked:open:selected:invalid:dragover