Theme: ← Übersicht Tokens

Wiederherstellungspunkt

Marke im Verlauf, zu der zurückgesprungen werden kann: Linie mit Label, Zeitangabe und Zurücksetzen-Knopf

Components v1.0.0 AI AppDesktop component.checkpoint

Nutzt: ui.icon

Beispiele

Marke im Verlauf mit Zurück-Knopf
Vor der Werkzeug-Ausführungvor 4 Minuten

Eigenschaften

PropTypDefaultBuilder-Label
label *string—Beschriftung
timestring""Zeitangabe
restoreLabelstring"Hierher zurück"Knopf-Text

* Pflicht-Prop

Events & Slots

Events: ⚡ restore — 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.

TokenDefault
--checkpoint-action-primaryvar(--color-action-primary)
--checkpoint-action-primary-hovervar(--color-action-primary-hover)
--checkpoint-border-defaultvar(--color-border-default)
--checkpoint-radius-fullvar(--radius-full)
--checkpoint-surface-sunkenvar(--color-surface-sunken)
--checkpoint-text-defaultvar(--color-text-default)
--checkpoint-text-mutedvar(--color-text-muted)

Genutzte Design-Tokens

border.hairlinecolor.action.primarycolor.action.primary-hovercolor.border.defaultcolor.surface.sunkencolor.text.defaultcolor.text.mutedfont.family.defaultradius.fullsize.1size.3text.xsweight.semibold