Element · 6 Varianten
Button destruktiv
elements/ButtonDestruktiv.astro
Destruktive Aktion ohne Rot. Secondary-Kante, Signal-Punkt granit-800, Wort trägt. Kein fünfter Fill.
Notizen
- Bestand: primary, secondary, ghost, muted. Error ist granit-800 als Punkt oder Icon, nie Fill.
- Vorschlag: kein eigener Variant im Element, sondern Kombination Secondary + Signal-Punkt + klares Verb. Wenn Approved: Doku-Absatz auf der Button-Seite, kein Code.
- Button-Icon x ergänzt 2026-09-02.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "kante" | "ghost" | "icon" | "nur-icon" | "loading" | "disabled" | "kante" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<ButtonDestruktiv variant="kante" surface="nacht" />01 · Kante
Secondary mit Punkt
Button Secondary. Punkt granit-800 vor der Pille.
Nacht
Paper
02 · Ghost
Unterstrich mit Punkt
Button Ghost. Für Dialog-Fuß.
Nacht
Paper
03 · Icon links
Kreuz vor dem Wort
Button icon. Icon x.
Nacht
Paper
04 · Nur Icon
44 px
Button only. aria-label = Wort.
Nacht
Paper
05 · Loading
Spinner
Button loading. Wort bleibt, Spinner ersetzt Icon.
Nacht
Paper
06 · Disabled
Gedimmt
Button disabled. Kein Punkt.
Nacht
Paper