User Profile Dropdown
Ready
Part of Dropdowns & Context Menus collection
Interactive Preview
Complete user profile dropdown with avatar, account info, and actions
JV
Jens van der Berg
jens@example.com
Features
- User info with avatar and email display
- Plan badge labels (Pro, Free, Enterprise)
- Profile, Settings, Billing action items
- Sign out with danger state styling
- Help & Documentation support links
- Gradient avatar with initials display
Installation
This dropdown provides a complete user profile menu with avatar, account information, settings, and sign out functionality.
// Required imports
import { User, Settings, CreditCard, Bell, LogOut, Check } from 'lucide-react'