---
name: atomic-example-dashboard
description: Example decomposition for generating a Dashboard with Atomic Bomb.
---

# Example: Dashboard

User request:

```text
Create a Dashboard.
```

## Decomposition

Atoms:

- Icon
- Label
- Number
- Heading
- Button

Molecules:

- MetricTile
- FilterControl
- NavigationItem

Organisms:

- DashboardHeader
- MetricGrid
- ActivityFeed

Template:

- DashboardTemplate

Page:

- DashboardPage

## Commands

```shell
npx atomic-bomb --type atom --name Icon,Label,Number,Heading,Button
npx atomic-bomb --type molecule --name MetricTile,FilterControl,NavigationItem
npx atomic-bomb --type organism --name DashboardHeader,MetricGrid,ActivityFeed
npx atomic-bomb --type template --name DashboardTemplate
npx atomic-bomb --type page --name DashboardPage
```

## Done Criteria

- DashboardPage owns data selection.
- DashboardTemplate owns layout.
- Organisms receive typed props.
- MetricTile and NavigationItem are reusable outside the dashboard.