Flat UI Pro

Dropdowns

Within a navbar

Within pills

Single button dropdowns

Default

• Action
• Another action
• Something else here
• Separated link

Primary

• Action
• Another action
• Something else here
• Separated link

Success

• Action
• Another action
• Something else here
• Separated link

Info

• Action
• Another action
• Something else here
• Separated link

Warning

• Action
• Another action
• Something else here
• Separated link

Danger

• Action
• Another action
• Something else here
• Separated link

Split button dropdowns

DefaultToggle Dropdown

• Action
• Another action
• Something else here
• Separated link

PrimaryToggle Dropdown

• Action
• Another action
• Something else here
• Separated link

SuccessToggle Dropdown

• Action
• Another action
• Something else here
• Separated link

InfoToggle Dropdown

• Action
• Another action
• Something else here
• Separated link

WarningToggle Dropdown

• Action
• Another action
• Something else here
• Separated link

DangerToggle Dropdown

• Action
• Another action
• Something else here
• Separated link

Sizing

Large button

• Action
• Another action
• Something else here
• Separated link

Small button

• Action
• Another action
• Something else here
• Separated link

Extra small button

• Action
• Another action
• Something else here
• Separated link

Dropup variation

DropupToggle Dropdown

• Action
• Another action
• Something else here
• Separated link

Right dropupToggle Dropdown

• Action
• Another action
• Something else here
• Separated link

Tabs

I'm in Section 1.

Howdy, I'm in Section 2.

Howdy, I'm in Section 3.

Active item

Default

• Action
• Another action
• Something else here
• Separated link

Disabled item

Default

• Action
• Another action
• Something else here
• Separated link

Headers

Dropdown

• Dropdown header
• Action
• Another action
• Something else here
• Dropdown header
• Separated link

Inverted Dropdown Menu

Default

• Action
• Another action
• Something else here
• Separated link

Inverted Dropdown Menu / Active item

Default

• Action
• Another action
• Something else here
• Separated link

Inverted Dropdown Menu / Disabled item

Default

• Action
• Another action
• Something else here
• Separated link

Inverted Dropdown Menu / Headers

Dropdown

• Dropdown header
• Action
• Another action
• Something else here
• Dropdown header
• Separated link