Dropdown Menu

Displays a menu to the user — such as a set of actions or functions — triggered by a button.

Installation

Import from the package. Do not run shadcn add in your app.

import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "@carsxe/design-system/components/dropdown-menu"

Usage

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

<DropdownMenu>
  <DropdownMenuTrigger render={<Button variant="outline" />} nativeButton={false}>
    Open
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem>Profile</DropdownMenuItem>
    <DropdownMenuItem>Billing</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

API Reference

Prop	Type	Default
variant	"default" \| "destructive" (DropdownMenuItem)	"default"