Primitive / Moleculestable

Dropdown Menu

Action menu anchored to a trigger with keyboard navigation.

@glinui/uiComponent: dropdown-menu

Installation$

Package Manager$

pnpm add @glinui/ui @glinui/tokens

Registry$

pnpm dlx @glinui/cli@latest add dropdown-menu

Usage$

TSX

1import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "@glinui/ui"
2
3export function DropdownBasicDemo() {
4return (
5  <DropdownMenu>
6    <DropdownMenuTrigger>Open menu</DropdownMenuTrigger>
7    <DropdownMenuContent>
8      <DropdownMenuItem>Profile</DropdownMenuItem>
9      <DropdownMenuItem>Billing</DropdownMenuItem>
10    </DropdownMenuContent>
11  </DropdownMenu>
12)
13}

Examples$

Glass$

TSX

1import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from "@glinui/ui"
2
3export function DropdownGlassDemo() {
4return (
5  <DropdownMenu>
6    <DropdownMenuTrigger variant="glass">Actions</DropdownMenuTrigger>
7    <DropdownMenuContent variant="glass">
8      <DropdownMenuItem>Rename</DropdownMenuItem>
9      <DropdownMenuItem>Duplicate</DropdownMenuItem>
10      <DropdownMenuSeparator />
11      <DropdownMenuItem>Archive</DropdownMenuItem>
12    </DropdownMenuContent>
13  </DropdownMenu>
14)
15}

Accessibility$

Built on Radix Dropdown Menu.
Supports keyboard navigation, escape, and focus restore.

Reduced Motion$

Menu open/close should remain readable without animation.

API Reference$

DropdownMenuTrigger$

Prop	Type	Required	Default	Description
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuTriggerVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuTriggerVariants.

DropdownMenuContent$

Prop	Type	Required	Default	Description
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuContentVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuContentVariants.

DropdownMenuItem$

Prop	Type	Required	Default	Description
`inset`	`boolean`	No	`-`	Auto-generated from TypeScript source.
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuItemVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuItemVariants.

Source$

TSX

1import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "@glinui/ui"

Generated API Snapshot

Beta

Auto-extracted from TypeScript source in packages/ui/src/components/dropdown-menu.tsx. This section is in beta and may lag behind hand-curated docs. Regenerate with pnpm --filter @glinui/docs api:generate.

Generated: 2026-02-19T17:59:28.468Z · Full index: /docs/api-metadata

Primary Props Type

DropdownMenuProps

`DropdownMenuCheckboxItemProps`

Prop	Type	Required	Default	Description
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuItemVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuItemVariants.

`DropdownMenuContentProps`

Prop	Type	Required	Default	Description
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuContentVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuContentVariants.

`DropdownMenuItemProps`

Prop	Type	Required	Default	Description
`inset`	`boolean`	No	`-`	-
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuItemVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuItemVariants.

`DropdownMenuLabelProps`

Prop	Type	Required	Default	Description
`inset`	`boolean`	No	`-`	-

`DropdownMenuProps`

No explicit fields extracted for this props type.

`DropdownMenuRadioItemProps`

Prop	Type	Required	Default	Description
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuItemVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuItemVariants.

`DropdownMenuSeparatorProps`

No explicit fields extracted for this props type.

`DropdownMenuShortcutProps`

No explicit fields extracted for this props type.

`DropdownMenuSubContentProps`

Prop	Type	Required	Default	Description
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuContentVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuContentVariants.

`DropdownMenuSubTriggerProps`

Prop	Type	Required	Default	Description
`inset`	`boolean`	No	`-`	-
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuItemVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuItemVariants.

`DropdownMenuTriggerProps`

Prop	Type	Required	Default	Description
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from dropdownMenuTriggerVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from dropdownMenuTriggerVariants.