Skip to content

Dropdown Menu

Base UI

A short list of actions behind a button.

Nothing yet

Install

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

Also installs @base-ui/react.

Usage

import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/spotcheck/dropdown-menu"
import { Button } from "@/components/spotcheck/button"

<DropdownMenu>
  <DropdownMenuTrigger render={<Button />}>Actions</DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem onClick={rerun}>Re-run</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

Props

  • classNamestringDefault —

Keyboard

EnterOpen the menu
↑ ↓Move through items
EscClose and return focus

Reduced motion

The menu appears without animation.