Components

Dropdown Menu

A trigger element that opens a list of selectable actions. Compound API with DropdownMenuTrigger, DropdownMenuContent, and DropdownMenuItem. The trigger is headless — pass your own element (e.g. a Button). Drop in DropdownMenuIcon for an optional chevron that rotates when the menu opens.

import { Button, DropdownMenu } from "@empreint/ui";

<DropdownMenu>
	<DropdownMenuTrigger>
		<Button variant="secondary">
			Actions <DropdownMenuIcon />
		</Button>
	</DropdownMenuTrigger>
	<DropdownMenuContent>
		<DropdownMenuItem onClick={() => console.log("edit")}>Edit</DropdownMenuItem>
		<DropdownMenuItem onClick={() => console.log("delete")}>Delete</DropdownMenuItem>
	</DropdownMenuContent>
</DropdownMenu>

Props

Prop

Type

CSS Variables

Prop

Type