# empty-state

> Shown while the box, or the metaobject list, is empty (CSS).

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/reference/elements/empty-state  
Updated: 2026-10-13

`empty-state` is a **template**, read by [`smootify-magic-box-cart`](https://www.smootify.io/docs/reference/elements/smootify-magic-box-cart), [`smootify-metaobjects`](https://www.smootify.io/docs/reference/elements/smootify-metaobjects): it is never defined on its own.

## Where it can go

- **Inside any of:** [`smootify-magic-box-cart`](https://www.smootify.io/docs/reference/elements/smootify-magic-box-cart), [`smootify-metaobjects`](https://www.smootify.io/docs/reference/elements/smootify-metaobjects).
- **Out of place,** it stays in the page and does nothing.

## What it requires

Nothing beyond Smootify: it works on every plan.