Dropdown have button shapes and are left aligned by default. Dropdown menu can also have different widths using the size prop.

Dropdown menus can have a darker color in dark mode. Use the color prop to change the contrast of the dropdown menu when in dark mode.

Dropdown buttons can have different colors. Use the button-color prop to change the dropdown button color.

Dropdown can also be right aligned. Use the orientation prop to change the alignment of the dropdown.

Dropdown can be used as context menus. Use the variant prop with the context value to change the dropdown to a context menu.

Dropdown can be used as context menus. You can also align it to the end using the orientation prop.

Dropdown can also be used as text menus. Use the variant prop with the text value to change the dropdown to a text menu.

Dropdown can also be used as text menus. Use the variant prop with the text value to change the dropdown to a text menu.

Dropdown items can have an icon. Use the start slot to add an icon to the dropdown item.

Dropdown items can have an avatar. Use the start slot to add an icon to the dropdown item.

Dropdown menus can have a header. Use the headerLabel prop to add a header text to the dropdown menu.

Dropdown items can be enhanced into a checkbox wrapping them with a using a BaseCheckboxHeadless component as well the start item slot prop to add an inner BaseCheckbox.

Dropdown items can be enhanced into a radio button wrapping them with a using a BaseRadioHeadless component as well the start item slot prop to add an inner BaseRadio.

Dropdown items can be enhanced into a switch wrapping them with a using a BaseCheckboxHeadless component as well the start item slot prop to add an inner BaseSwitchThin.

Dropdown items can be enhanced into a switch wrapping them with a using a BaseCheckboxHeadless component as well the start item slot prop to add an inner BaseSwitchBall.

Dropdown menus and items can be heavily customized, using wrapping elements, scrolling areas, as well as search and actions.