Kanban-Board — component.kanban
Spalten-Board mit Karten (Titel, Beschreibung, Badge, Zugewiesene, Link) — horizontal scrollbar; draggable-Prop schaltet Drag & Drop + Tastatur (Strg+Pfeile) frei
Componentv1.1.0Datenweb.documentweb.applicationdesktop.shell
Beispiele
Auftrags-Board
Offen2
Angebot ACME erstellenRahmenvertrag Q4
Lagerbestand prüfen
In Arbeit1
Rechnungslauf August
Erledigt1
Onboarding Kunde FalkZugänge versendet
Verschiebbar (Drag & Drop oder Strg+Pfeile)
Offen2
Angebot ACME erstellen
Lagerbestand prüfen
In Arbeit1
Rechnungslauf August
Erledigt0
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
columns * | array | — |
cards * | array | — |
draggable | boolean | false |
Events & Slots
Events: navigate, move
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--kanban-column-background | var(--color-surface-sunken) |
--kanban-card-background | var(--color-surface-default) |
--kanban-border | var(--color-border-subtle) |
Genutzte Design-Tokens
border.emphasis border.hairline color.action.primary color.border.strong color.border.subtle color.status.danger color.status.info color.status.success color.status.warning color.surface.default color.surface.sunken color.text.default color.text.muted container.sm elevation.overlay elevation.raised font.family.default radius.full radius.md radius.surface size.1 size.10 size.2 size.3 size.4 text.sm text.xs weight.semibold