Products · Components
EmptyState
What to show where there's nothing yet, such as an empty list.
Put a button inside it to give the person a way forward.
Children: Components
Example
<EmptyState icon="receipt" title="No payments yet" text="Payments you make will show here.">
<Button variant="secondary">Make a payment</Button>
</EmptyState>Props
| Prop | Type | What it is |
|---|---|---|
icon | icon name, or one of your own icons | |
title | string | |
text | string | |
padding, paddingTop, paddingStart, paddingEnd, paddingBottom | spacing | Space inside its edges, all round or on one side. |
Events
None.
Keep reading
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.ScrollA row the person scrolls sideways, such as a shelf of products.