Primitives

Dropdown

Context menu via Radix DropdownMenu. Supports items, separators, labels, shortcuts, and keyboard navigation.

Preview

Installation

terminal

bash

npx @entrepta/cli@latest add dropdown

// Resolves dependencies, copies the source, and installs npm packages automatically.

Usage

dropdown.tsx

tsx

import {
  DropdownMenu, DropdownMenuTrigger, DropdownMenuContent,
  DropdownMenuItem, DropdownMenuSeparator,
  DropdownMenuLabel, DropdownMenuShortcut,
  DropdownMenuDestructiveItem,
} from "@/components/entrepta/dropdown"

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button variant="secondary">~/options ↓</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuLabel>account</DropdownMenuLabel>
    <DropdownMenuItem>
      profile.tsx <DropdownMenuShortcut>⌘P</DropdownMenuShortcut>
    </DropdownMenuItem>
    <DropdownMenuItem>settings.json</DropdownMenuItem>
    <DropdownMenuSeparator />
    <DropdownMenuDestructiveItem>rm -rf session</DropdownMenuDestructiveItem>
  </DropdownMenuContent>
</DropdownMenu>

Props

Prop	Type	Default	Description
open	boolean	—	Controlled open state
onOpenChange	(open: boolean) => void	—	Callback when open state changes
side	"top" \| "bottom" \| "left" \| "right"	"bottom"	Placement relative to trigger (on DropdownMenuContent)
align	"start" \| "center" \| "end"	"start"	Alignment along the trigger (on DropdownMenuContent)