Basic Dropdown

Click the button to open a dropdown menu. The first slotted element is the trigger.

Actions Cut Copy Paste

With Icons

Menu items can include icons using slot="prefix".

File New File Open Save Close (disabled)

Checkbox Items

Use type="checkbox" for toggle menu items inside a dropdown.

Format Bold Italic Underline

Placement

Use placement to control which side the dropdown opens on.

top Option A Option B bottom Option A Option B left Option A Option B right Option A Option B

Stay Open on Select

Add stay-open-on-select to keep the dropdown open after an item is clicked.

Stay Open Notifications Sounds Message preview

Select Events

Listen for t1-select on the dropdown to respond when items are chosen.

User Menu Profile Settings Log out