Sortierbare Liste — component.sortable-list
Liste mit Gruppen, deren Einträge per Ziehen oder Tastatur (Pfeile mit Strg) umsortiert und zwischen Gruppen verschoben werden — meldet jede Umsortierung
Componentv1.0.0Datenweb.applicationdesktop.shellbuilder.preview
Beispiele
Kanban: ziehen oder mit Strg+Pfeiltasten verschieben (auch zwischen Spalten)
Offen2
- Angebot #2231 prüfen
- Lieferant kontaktieren
In Arbeit1
- Auftrag #4711 kommissionieren
Fertig2
- Rechnung #9080 versendet
- Retoure #77 gebucht
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
groups * | array | — |
columns | boolean | true |
Events & Slots
Events: reorder
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--list-tone | var(--color-border-strong) |
Genutzte Design-Tokens
border.hairline color.action.primary color.border.default color.border.strong color.status.danger color.status.success color.status.warning color.surface.default color.surface.sunken color.text.default color.text.disabled color.text.muted elevation.control focus.ring-color focus.ring-offset focus.ring-width font.family.default radius.control radius.full radius.surface size.1 size.12 size.2 size.3 text.sm text.xs weight.semibold