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

Figure 1. Dropdown button - collapsed
Figure 2. Dropdown button - expanded