Verlaufslinie (Sparkline) — component.sparkline
Kleine Verlaufsgrafik ohne Achsen für Kennzahl-Karten und Tabellenzellen — reines Inline-SVG, KEINE Diagramm-Bibliothek nötig; Farbe aus Tokens, Wertetabelle als Rückfall entfällt (Werte stehen im aria-label)
Componentv1.0.0Datenweb.documentweb.applicationdesktop.shellbuilder.preview
Beispiele
Steigend (Ton automatisch grün)
Fallend (Ton automatisch rot)
Balken, fester Ton
Nur Linie, breiter
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
values * | array | — |
tone | string: primary | accent | success | warning | danger | auto | "auto" |
type | string: line | area | bar | "area" |
width | number | 120 |
height | number | 32 |
label | string | "" |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--spark-tone | var(--color-action-primary) |
Genutzte Design-Tokens
color.accent color.action.primary color.status.danger color.status.success color.status.warning color.surface.sunken radius.sm size.4 size.8