Dropdown

A dropdown list.

When To Use

• When there are more than a few options to choose from, you can wrap them in a Dropdown. By hovering or clicking on the trigger, a dropdown menu will appear, which allows you to choose an option and execute the relevant action.

Select

Option 1 option 1 to see

Option 2

Sub Option 2

Sub Option danger

Option 1 option 1 to see

Option 1 option 1 to see

disabled with arrow

The most basic dropdown menu.

Option 1 option 1 to see

Option 1 option 1 to see

Option 2

Sub Option 2

Sub Option danger

Option 1 option 1 to see

Option 1 option 1 to see

basic

The most basic dropdown with hover prop

Select

Option 1

Option 2

Sub Option 2

Sub Option danger

Option 3

Option 4

basic with aligning top

The most basic dropdown menu.

Select

Option 1

Option 2

Sub Option 2

Sub Option danger

Option 3

Option 4

basic with aligning top

The most basic dropdown menu.

Select

Option 1

Option 2

Sub Option 2

Sub Option danger

Option 3

Option 4

Select

Option 1

Option 2

Sub Option 2

Sub Option danger

Option 3

Option 4

Select

Option 1

Option 2

Sub Option 2

Sub Option danger

Option 3

Option 4

Select

Option 1

Option 2

Sub Option 2

Sub Option danger

Option 3

Option 4

Select

Option 1

Option 2

Sub Option 2

Sub Option danger

Option 3

Option 4

Button with dropdown menu aligned to bottom

A button is on the left, and a related functional menu is on the right. You can set the icon property to modify the icon of right.