Hinweis — component.alert — Invisible Minidocs

Componentv1.1.1Statusweb.documentweb.applicationdesktop.shellemail.client

Beispiele

Info

Neues Update verfügbar

Version 2.1 bringt den Daten-Service.

Erfolg, schließbar (X klickbar)

Auftrag gespeichert

Warnung

Lager fast leer

Artikel X-100: nur noch 3 Stück.

Fehler

Zahlung fehlgeschlagen

Die Karte wurde abgelehnt.

Eigenschaften

Prop	Typ	Default
`tone`	string: info \| success \| warning \| danger	`"info"`
`title *`	string	`—`
`text`	string	`""`
`dismissible`	boolean	`false`
`spacing`	string: default \| none \| sm \| md \| lg \| xl	`"default"`

Events & Slots

Events: close

Stellschrauben (Komponenten-Tokens)

Token	Default
`--alert-surface`	`var(--color-status-info-surface)`
`--alert-accent`	`var(--color-status-info)`

Genutzte Design-Tokens

border.hairline color.status.danger color.status.danger-surface color.status.info color.status.info-surface color.status.success color.status.success-surface color.status.warning color.status.warning-surface color.surface.default color.text.default color.text.muted font.family.default leading.base radius.control radius.sm size.05 size.12 size.3 size.4 size.6 size.8 text.md text.sm weight.semibold