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


## Default markup

{% capture code %}
{% include ui/empty.html %}
{% endcapture %}
{% include example.html code=code %}


## Empty state with illustration

{% capture code %}
{% include ui/empty.html illustration=true %}
{% endcapture %}
{% include example.html code=code %}