Skip to content

Dropdown Menu

A dropdown menu with shadcn/ui's API, drawn as the game's view menu: stone in the iron-rivet frame.

Installation

npx shadcn@latest add https://osrsui.com/r/dropdown-menu.json

Usage

The game uses it for the hamburger menu that switches a window’s view (Bank, Collection Log, Combat Achievements). Inside a window header, WindowMenu wires this up for you.

<DropdownMenu>
  <DropdownMenuTrigger aria-label="Menu">…</DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuRadioGroup value={view} onValueChange={setView}>
      <DropdownMenuRadioItem value="overview">Overview</DropdownMenuRadioItem>
      <DropdownMenuRadioItem value="tasks">Tasks</DropdownMenuRadioItem>
    </DropdownMenuRadioGroup>
  </DropdownMenuContent>
</DropdownMenu>

Use DropdownMenuItem for plain actions and DropdownMenuSeparator between groups. For the right-click “Choose Option” menu, use Context Menu.