Skeleton
A pulsing placeholder: a block, or rows rows.
Group: Feedback · Kind: native · in the lite catalog
Preview
Section titled “Preview”example
rounded · true
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
width |
string |
– | – | A length (px or %); defaults to the full width. |
height |
string |
– | – | A length (px); defaults to one text line. |
rounded |
boolean |
– | – | A circle instead of a bar. Default false. |
rows |
number |
– | – | Rows instead of a block. |
rowHeight |
number |
– | – | A row’s height in px. |
dot |
boolean |
– | – | A dot per row. Default true. |
Events
Section titled “Events”None.
None.
Children
Section titled “Children”none
A2UI basic mapping
Section titled “A2UI basic mapping”No basic catalog component maps here.
Built from
Section titled “Built from”A native component: every renderer paints it directly.
Accessibility
Section titled “Accessibility”Role: hidden
hidden (the parent announces busy)
Not focusable; no keys.
Theming
Section titled “Theming”Recipe parts: Skeleton/root Skeleton/row Skeleton/dot Skeleton/bar
Keyed by: rounded dot :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”Badge · Alert · Chip · EmptyState · Progress · Meter · Ring · Spinner