---
title: Empty states
description: Empty states/blanks are commonly used as placeholders for first time use, empty data or error screens.
---

### Default markup

{% example html %}
{% include ui/empty.html %}
{% endexample %}

### Empty state with illustration

{% example html %}
{% include ui/empty.html illustration=true %}
{% endexample %}