Dropdowns have button shapes and are left aligned by default. Here is an example of a default dropdown button.

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

Dropdowns menus can have a smaller width. Use the compact prop to change the width of the dropdown menu.

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

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

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

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

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

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

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