# Button \[react-aria-components\]

> A button allows a user to perform an action, with mouse, touch, and keyboard interactions.  On the surface, building a custom styled button seems simple. However, there are many cross browser inconsistencies in interactions and accessibility features to consider. Button handles all of these interactions for you, so you can focus on the styling.

- Author: [James Shopland](https://21st.dev/@jolbol1)
- Library: [Jolly UI](https://21st.dev/@jolbol1/library/jolly-ui)
- License: mit
- Tags: Button, React Aria
- npm dependencies: react-aria-components, class-variance-authority
- Live preview: https://21st.dev/@jolbol1/components/button

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/jolbol1/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 · More like this: https://21st.dev/community/components/s/button.md