# EmptyState (/docs/products/dash-dots/reference/components/empty-state)

Put a button inside it to give the person a way forward.

**Children:** Components

## Example

![The EmptyState component](/assets/images/dash-dots/components/empty-state.webp)

```xml title="view.dml"
<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](/docs/products/dash-dots/reference/components#icon-names), or one of [your own icons](/docs/products/dash-dots/developers/theming#your-own-icons) |                                                   |
| `title`                                                                | `string`                                                                                                                                                      |                                                   |
| `text`                                                                 | `string`                                                                                                                                                      |                                                   |
| `padding`, `paddingTop`, `paddingStart`, `paddingEnd`, `paddingBottom` | [spacing](/docs/products/dash-dots/reference/components#spacing)                                                                                              | Space inside its edges, all round or on one side. |

## Events

None.