A dropdown component built on top of @everest-ui/react-popper
, and @everest-ui/geist-colors
for styling.
pnpm add @everest-ui/geist-dropdown-menu
npm install @everest-ui/geist-dropdown-menu
yarn add @everest-ui/geist-dropdown-menu
// import
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuGroup,
DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@everest-ui/geist-dropdown-menu";
// use
<DropdownMenu>
<DropdownMenuTrigger>Open</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuGroup>
<DropdownMenuLabel>Label</DropdownMenuLabel>
<DropdownMenuSeparator />
<DropdownMenuItem>Profile</DropdownMenuItem>
<DropdownMenuItem>Favorite</DropdownMenuItem>
<DropdownMenuItem disabled>Disabled</DropdownMenuItem>
<DropdownMenuItem>Logout</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>;
For full usage visit official documentation