DropdownMenu

overlays

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

Preview

Installation

npm install @launchapp/design-system

Import

import {  DropdownMenu, DropdownMenuTrigger, DropdownMenuContent,  DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator} from "@launchapp/design-system";

Examples

Dropdown Menu

<DropdownMenu>  <DropdownMenuTrigger asChild>    <Button variant="outline">Open</Button>  </DropdownMenuTrigger>  <DropdownMenuContent className="w-56">    <DropdownMenuLabel>My Account</DropdownMenuLabel>    <DropdownMenuSeparator />    <DropdownMenuItem>Profile</DropdownMenuItem>    <DropdownMenuItem>Billing</DropdownMenuItem>    <DropdownMenuItem>Settings</DropdownMenuItem>    <DropdownMenuSeparator />    <DropdownMenuItem>Log out</DropdownMenuItem>  </DropdownMenuContent></DropdownMenu>

Props

Prop	Type	Default	Description
`open`	`boolean`	—	Controlled open state.
`onOpenChange`	`(open: boolean) => void`	—	Callback when open state changes.
`modal`	`boolean`	`true`	Whether to render in a modal context.

← PreviousDialog

Next →FocusScope