Headers
How a page opens: a banner or a bar with its title and back, then headings over its sections.
Desktop
arkui::hero
arkui::hero
The wide banner a page can open with, the bold face, section headings, and a listing of entries in columns with a "more" after them.
banner(picture, kind, name, width)height(width), ASPECT, TALLESTheading(title)Entry { over, title, under, count, open }listing(entries, columns, cursor, on_hover)grid(entries, columns)entry(picture, e, on_cursor, hover)more(label, lit)columns(room), COLUMNBOLD, FIRA_SANS_BOLD
Rules
- Fira Sans Bold is embedded: a browser has no system fonts, and with none bold is not bold.
Mobile
Asking for the latest capture…
Where
ui/Components.kt: PageBar, TabTitle, Heading
How
- PageBar(title, onBack, actions = {})
- TabTitle(title, actions = {})
- Heading(title, modifier, action = null, onAction = {})
Nothing shared for this on iOS yet.