# Button > The action a reader takes, from the one primary call to quiet secondary ones. - **Level**: atom · **Status**: stable · **Role**: action - **Import**: `import { Button } from "@rrios-forge/ui/atoms/button";` - **Source**: `packages/ui/src/atoms/button` **Purpose.** The verb of the system — a control that *commits an action* with a side effect. Buttons are how users do things; they are not how users navigate. **When to use.** - Submit a form, save changes, confirm a dialog, run an operation. - Trigger a destructive action (`intent="danger"`) where the consequence is reversible only by a counter-action. - Open a modal, panel or other in-product surface that the user is *staying* in (the URL does not change). **When NOT to use.** - The control changes the URL or opens an external page → use `Link`. Buttons break right-click, middle-click, history and crawlability. - The control is icon-only → use `IconButton`. It enforces square hit-area, focus ring and a required `aria-label`. - The control is part of a segmented set with persistent selection → use `Tabs` or a `RadioGroup` styled as a toolbar. **Composes with.** - `Icon` (decorative leading glyph) reinforces the label without replacing it. - `Spinner` is rendered automatically by the Button when `loading` is true; do not place a `Spinner` inside the children. - `Field`, `Dialog`, `FormSection` consume Button as the commit affordance; the Button never owns submit logic itself. **Accessibility.** - Renders a real `