Akkordeon
Auf-/zuklappbare Einträge (items-Array) — Grundlage für FAQ; toggle als semantisches Event
Nutzt: ui.icon
Beispiele
Publizierte Surfaces sind unveränderlich; Migrationen heben alte Instanzen auf neue Major-Versionen.
Ja — über die Katalog-Verwaltung (Scaffold) oder die Bauanleitung im Dateisystem.
Die Laufzeit rendert Fallbacks, der Publish blockiert — strenge Gates, tolerante Auslieferung.
Kann gleichzeitig mit B offen sein.
Kein Akkordeon-Zwang.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| items * | array | — | Einträge |
| openFirst | boolean | false | Ersten Eintrag geöffnet starten |
| single | boolean | true | Nur einer offen (Akkordeon-Modus) |
* Pflicht-Prop
Events & Slots
Events:
⚡ toggle — im Surface per on: {<event>: {action, params}} verdrahtbar.
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--accordion-border-default | var(--color-border-default) |
--accordion-border-subtle | var(--color-border-subtle) |
--accordion-focus-ring-color | var(--focus-ring-color) |
--accordion-focus-ring-offset | var(--focus-ring-offset) |
--accordion-focus-ring-width | var(--focus-ring-width) |
--accordion-radius-surface | var(--radius-surface) |
--accordion-surface-default | var(--color-surface-default) |
--accordion-surface-sunken | var(--color-surface-sunken) |
--accordion-text-default | var(--color-text-default) |
--accordion-text-muted | var(--color-text-muted) |