UI Kit
Search docs
⌘K
Search docs
Search core, components, and patterns.
Back to JSON UI
Catalog
Overview
Layout
6
Card
Grid
Stack
Section
Tabs
TabPanel
Data Display
5
Table
Metric
Badge
KeyValue
List
Content
6
Heading
Text
Divider
Alert
Progress
Image
Interactive
2
Button
Link
Toggle Sidebar
Heading
Heading text element (h1 through h4).
Content
Props
Prop
Type
text
string
level?
"1" | "2" | "3" | "4" (default "2")
Spec
{ "root": "s1", "elements": { "s1": { "type": "Stack", "props": { "direction": "vertical", "gap": "sm" }, "children": [ "h1", "h2", "h3", "h4" ] }, "h1": { "type": "Heading", "props": { "text": "Heading Level 1", "level": "1" } }, "h2": { "type": "Heading", "props": { "text": "Heading Level 2", "level": "2" } }, "h3": { "type": "Heading", "props": { "text": "Heading Level 3", "level": "3" } }, "h4": { "type": "Heading", "props": { "text": "Heading Level 4", "level": "4" } } } }
Web
PDF
AI
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4