Products · Components
Skeleton
A gray placeholder in the shape of content that is still loading.
Give it the size of what's loading. The page then doesn't jump when the content arrives.
Children: Nothing
Example
<View gap="small">
<Skeleton shape="circle" height="48" />
<Skeleton shape="text" lines="2" />
</View>Props
| Prop | Type | What it is |
|---|---|---|
shape | text, circle, box | Default: text. |
lines | number | Lines of text, for text. Default: 1. |
height | number | In pixels, for circle and box. |
Events
None.
Keep reading
EmptyStateWhat to show where there's nothing yet, such as an empty list.ComponentsThe components you build a dot's pages with, grouped by what they're for, and the values their props accept.ViewA box that lays out what it holds in a column or a row, and can look like a card.StackLayers what it holds on top of each other, such as a badge over a picture.