Dropdown

Menu button pattern, with role=menu and arrow-key navigation. It is the opposite of the Drawer: it does not trap focus — Escape returns to the trigger, but Tab leaves and closes it, as a menu should.

Actions and account

Open it and move with ↓ ↑. Escape closes it and returns focus to the trigger. Tab closes it too, but follows the page's natural order — a menu does not trap focus.

@components.Dropdown(components.DropdownProps{
  ID: "actions", Label: "Actions",
  Entries: []components.MenuEntry{
    {Label: "Edit", OnClick: "$dispatch('edit')"},
    components.MenuDivider(),
    {Label: "Delete", OnClick: "$dispatch('del')", Disabled: true},
  },
})