# Expandable Button

> A button that smoothly transitions between collapsed and expanded states using spring animations. Shows only an icon when collapsed and reveals text alongside the icon when expanded, perfect for responsive layouts and space-saving interfaces.

- Author: [Rushil Dhinoja](https://21st.dev/@molecule-lab-rushil)
- Library: [Molecule UI](https://21st.dev/@molecule-lab-rushil/library/molecule-ui)
- License: unknown
- npm dependencies: motion
- Live preview: https://21st.dev/@molecule-lab-rushil/components/expandable-button

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/molecule-lab-rushil/expandable-button?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt