# Shadcn Empty State

> Empty state

- Type: example, free and open source (MIT)
- Component: [Icon Tile](https://reui.io/components/icon-tile.md)
- Page: https://reui.io/components/icon-tile/c-icon-tile-12
- Docs (Base UI): https://reui.io/docs/components/base/icon-tile.md
- Docs (Radix UI): https://reui.io/docs/components/radix/icon-tile.md
- MCP: `get_example("c-icon-tile-12")`
- Registry item: https://reui.io/r/styles/base-nova/c-icon-tile-12.json
- Uses: Empty, Icon Tile

## Best for

The largest tile in its nested card surface as the media of an Empty header, above a no files title and hint

## Agent notes

- Leave `EmptyMedia` on its default variant; its icon variant is a fixed muted box smaller than this xl tile

## When not to use

- A layered isometric drawing as the focal art of a first run screen: use [Icon Stack](https://reui.io/components/icon-stack.md) (`get_component("icon-stack")`)

## Install

```bash
npx shadcn@latest add @reui/c-icon-tile-12
```

## About Shadcn Icon Tile

### When to use

- Square media for list rows, feature cards and empty states, held to one size and radius
- Status and brand markers in a soft tint, a solid fill or a theme or Tailwind palette color
- Compact links, initials or counts, and glyphs with a status dot pinned to one corner

### When not to use

- A finished first run screen with heading, message and actions around the glyph: use the [Empty State blocks](https://reui.io/blocks/application/empty-state.md)
- A finished KPI or feature tile with a value, a label and a trend beside the glyph: use the [Card blocks](https://reui.io/blocks/application/card.md)
- Markers for each step of a multi step flow, with active and completed states: use [Stepper](https://reui.io/components/stepper.md) (`get_component("stepper")`)

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.