Sparkline
A tiny inline trend line of recent values, no axes or legend.
Group: Data · Kind: macro
Preview
Section titled “Preview”example
tone · neutral
tone · primary
tone · success
tone · warning
tone · danger
tone · info
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
values |
[number] |
yes | yes | The points, oldest first. |
tone |
neutral | primary | success | warning | danger | info |
– | – | The line colour tone. Default "primary". |
height |
number |
– | – | The height in px. Default 24. |
Events
Section titled “Events”None.
None.
Children
Section titled “Children”none
A2UI basic mapping
Section titled “A2UI basic mapping”No basic catalog component maps here.
Built from
Section titled “Built from”Accessibility
Section titled “Accessibility”Role: img
img with a generated summary (first, last, min, max). The Chart painter names it with sparklineSummary (first, last, min, max).
Not focusable; no keys.
Theming
Section titled “Theming”Recipe parts: Sparkline/root
Keyed by: tone :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover