Default Dropdowns
Primary Dropdown
Option 1
Option 2
Option 3
Secondary Dropdown
Option 1
Option 2
Option 3
Success Dropdown
Option 1
Option 2
Option 3
Danger Dropdown
Option 1
Option 2
Option 3
Size Variants
Extra Small
Option 1
Option 2
Small
Option 1
Option 2
Medium
Option 1
Option 2
Large
Option 1
Option 2
Extra Large
Option 1
Option 2
Width Variants
Small Width
Option 1
Option 2
Medium Width
Option 1
Option with a longer text
Large Width
Option 1
Option with a very long text that should wrap
Extra Large Width
Option 1
Option with an extremely long text that should definitely wrap in the dropdown menu
Placement Variants
Top Placement
Option 1
Option 2
Right Placement
Option 1
Option 2
Bottom Placement
Option 1
Option 2
Left Placement
Option 1
Option 2
With Custom Icons
User
User icon
With User Icon
Profile
Settings
Logout
Cog
Cog icon
With Cog Icon
Settings
Preferences
Bell
Bell icon
With Bell Icon
Notifications
Mark all as read
Complex Dropdowns
With Headers & Dividers
User Options
Profile
Settings
Account
Logout
With Icons in Items
Profile
Settings
Logout
Disabled Items
Available Option
Disabled Option
Another Disabled Option
State Variants
Disabled Dropdown
Option 1
Option 2
Hover Trigger
Option 1
Option 2
Shape Variants
Rounded (Default)
Option 1
Option 2
Square
Option 1
Option 2
Item-Specific Colors
Navigation
Dashboard
User
User icon
Profile
Cog
Cog icon
Settings
Logout
Actions
Eye
Eye icon
View
Pencil
Pencil icon
Edit
Archive
Archive icon
Archive
Trash
Trash icon
Delete
Variants and Colors
Solid (Default)
Option 1
Option 2
Outline
Option 1
Option 2
Ghost
Option 1
Option 2
Soft
Option 1
Option 2