# Motion Toolbar Expandable

Toolbar that expands sections with a spring animation.

- id: `motion-toolbar-expandable`
- Page: https://agentic-ui-kit.com/components/motion-toolbar-expandable
- Live preview: https://agentic-ui-kit.com/live/component/motion-toolbar-expandable?piece=motion-toolbar-expandable

## Install

```bash
agentic-ui add motion-toolbar-expandable
npx shadcn@4.17.0 add @agentic-ui/motion-toolbar-expandable
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** expandable-sections, spring-panel, toolbar-pattern, roving-tabindex, arrow-home-end-keys, escape-folds, disclosure-buttons, custom-sections-and-actions, action-callback, reduced-motion-fallback
- **Intents:** create-edit, navigate
- **Suits domains:** notes, saas, personal-productivity, knowledge, ai-workspace
- **Interaction:** click, keyboard-navigation
- **Screen role:** management
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** toolbar that expands sections with a spring animation, floating editor toolbar with expandable groups of actions, animated expandable toolbar with keyboard navigation, bar of buttons where each opens a row of options
- **Avoid when:** A single menu of actions (use a dropdown menu), Tabs that switch whole panels (use motion-tab-indicator), A dock of app icons that magnify (use motion-dock), Dozens of actions, where a command palette fits better
- **Preserve when adapting:** toolbar-pattern, roving-tabindex, escape-folds, disclosure-semantics, instant-fallback
- **Replace when adapting:** sections, label, on-action, default-open-id, icons
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/tokens, motion, react
- **Motion:** profile subtle, library motion, reduced-motion fallback yes, target 60 fps
- **npm dependencies (registry):** motion@12.23.24
- **Registry dependencies:** lib-motion