# User Context Menu

> The ActionToolbar component is a clean and functional UI element designed to provide users with easy access to common actions. Featuring a simple layout with plain background colors, clear spacing between icons and labels, and smooth hover effects, it ensures both clarity and usability. Each button in the toolbar includes an icon paired with descriptive text, improving recognition and accessibility for users. This component is ideal for dashboards, control panels, and productivity tools where quick access to key functions is essential. Its minimalist design keeps the interface organized, professional, and visually balanced across different screen sizes.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/user-context-menu

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/user-context-menu?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
