# User Dropdown

> A comprehensive user profile dropdown menu with avatar trigger, status management, and organized navigation sections. Features dark/light mode support, customizable user data, and grouped menu items for profile settings, premium features, support resources, and account management. Built with React, Tailwind CSS, and Iconify icons. Key Features:  Avatar-triggered dropdown with user info display Status indicator with update submenu (Online, Focus, Offline) Organized menu sections (Profile, Premium, Support, Account) Full dark/light theme compatibility Configurable props for user data and event handlers Modern UI with icons, badges, and responsive design  Perfect for SaaS platforms, dashboards, and applications requiring professional user account management interfaces.

- Author: [Ayman Echakar](https://21st.dev/@aymanch-03)
- License: unknown
- npm dependencies: @iconify/react
- Live preview: https://21st.dev/@aymanch-03/components/user-dropdown

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/aymanch-03/user-dropdown?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