---
name: atomic-example-login-form
description: Example decomposition for generating a Login Form with Atomic Bomb.
---

# Example: Login Form

User request:

```text
Create a Login Form.
```

## Decomposition

Atoms:

- Label
- Input
- Button
- Paragraph

Molecules:

- EmailField
- PasswordField
- FormActions

Organism:

- LoginForm

## Commands

```shell
npx atomic-bomb --type atom --name Label,Input,Button,Paragraph
npx atomic-bomb --type molecule --name EmailField,PasswordField,FormActions
npx atomic-bomb --type organism --name LoginForm
```

## Done Criteria

- LoginForm composes molecules.
- Molecules compose atoms.
- No API call exists inside atoms.
- Stories and mocks render in isolation.
- Tests cover rendering and submit callback.