Dropdown button

Button that opens and closes a panel when selected.

Use case

Open a panel that contains additional options or information when you select the dropdown button.
TIP: If there is not enough space in width or height with respect to the set opening direction, the panel is opened in the opposite direction.

Example

Dropdown button - collapsed
DropdownButton element in collapsed state with a gray background and rounded corners.
Dropdown button - expanded
DropdownButton element in expanded state with a highlighted border and a dropdown area labeled Expanded Dropdown button.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.
Normal