Dropdown

Dropdowns default to a bottom-start alignment, but they will position themselves automatically to stay inside the viewport. This can be customized with the position prop.

Add Edit Delete Dark mode Autosave High-contrast mode Logout Help Save Print Bold Italic Strikethrough Delete GIF APNG WEBP Undo Standard item Item with description Item with right-content
As of v0.1.1
Right-content + description
This is the description
New feature!
Checkbox item Checkbox item disabled
With a description
Add Edit Delete Logout

Example of a dropdown with show-opener-caret set to false. NOTE: the icon in the button-label slot has been given an aria-label in the absence of other accessible labels

Add Edit Delete