1. Home
2. Buttons
3. Dropdowns

Bootstrap Dropdown

docs

Dropdown Button

• First Action
• Second Action
• Third Action

• ---

• Something else here...
• Disabled action

Dropdown using buttons as menu items

• I'm a button
• I'm also a button
• I'm a button, but disabled!
• I don't look like a button, but I am!

Dropdown with divider

• First item
• Second item

• ---

• Separated Item

Dropdown with header

• Dropdown header
• First item
• Second Item

Dropdown positioning

Left align

• Action
• Another action
• Something else here

Right align

• Action
• Another action
• Something else here

Drop-Up

• Action
• Another action
• Something else here

Offset Dropdown

• Action
• Another action
• Something else here

Split DropdownToggle dropdown

• Action
• Another action
• Something else here...

Dropdown hidden caret

🔍Search

• Action
• Another action
• Something else here...

Dropdown sizing

Large

• Action
• Another action
• Something else here

Large SplitToggle dropdown

• Action
• Another action
• Something else here...

Small

• Action
• Another action
• Something else here...

Small SplitToggle dropdown

• Action
• Another action
• Something else here...

Dropdown headers and accessibility

Dropdown ARIA

Groups
Add
Delete
Users
Add
Delete

• ---

• Something not associated with user

Dropdown variant

Primary

• First Action
• Second Action
• Third Action

Secondary

• First Action
• Second Action
• Third Action

Success

• First Action
• Second Action
• Third Action

Warning

• First Action
• Second Action
• Third Action

Danger

• First Action
• Second Action
• Third Action

Info

• First Action
• Second Action
• Third Action

Light

• First Action
• Second Action
• Third Action

Dark

• First Action
• Second Action
• Third Action

Link

• First Action
• Second Action
• Third Action