Skeleton — ui.skeleton
Lade-Platzhalter (schimmernde Fläche) für Text, Blöcke und Kreise
UI Elementv1.1.0Statusweb.documentweb.applicationdesktop.shell
Beispiele
Text (3 Zeilen)
Block groß
Kreis (Avatar-Platzhalter)
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
variant | string: text | block | circle | "text" |
lines | number | 3 |
size | string: sm | md | lg | "md" |
shimmer | boolean | true |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--skeleton-border-subtle | var(--color-border-subtle) |
--skeleton-radius-full | var(--radius-full) |
--skeleton-radius-sm | var(--radius-sm) |
--skeleton-radius-surface | var(--radius-surface) |
--skeleton-surface-sunken | var(--color-surface-sunken) |
--skeleton-text-default | var(--color-text-default) |
Genutzte Design-Tokens
color.border.subtle color.surface.sunken color.text.default duration.slow easing.standard radius.full radius.sm radius.surface size.10 size.12 size.24 size.3 size.40 size.8