Wedges

Usage

import { DropdDown } from "@lemonsqueezy/wedges";

<DropdownMenu>
	<DropdownMenu.Trigger asChild>
		<Button>Open Menu</Button>
	</DropdownMenu.Trigger>
	<DropdownMenu.Content>
		<DropdownMenu.Group>
			<DropdownMenu.Item>MenuItem</DropdownMenu.Item>
			<DropdownMenu.Item>MenuItem</DropdownMenu.Item>
		</DropdownMenu.Group>
		<DropdownMenu.Separator />
		<DropdownMenu.Group>
			<DropdownMenu.Item>MenuItem</DropdownMenu.Item>
			<DropdownMenu.Item>MenuItem</DropdownMenu.Item>
		</DropdownMenu.Group>
	</DropdownMenu.Content>
</DropdownMenu>

API Reference

DropdownMenu

Extends the Radix Dropdown Menu Root primitive.

DropdownMenu.Trigger

Extends the Radix Dropdown Menu Trigger primitive.

DropdownMenu.Portal

Extends the Radix Dropdown Menu Portal primitive.

DropdownMenu.Content

Extends the Radix Dropdown Menu Content primitive with custom configuration.

DropdownMenu.Item

Extends the Radix Dropdown Menu Item primitive with custom configuration.

DropdownMenu.Group

Extends the Radix Dropdown Menu Group primitive.

DropdownMenu.Label

Extends the Radix Dropdown Menu Label primitive with custom styling.

DropdownMenu.CheckboxItem

Extends the Radix Dropdown Menu Checkbox Item primitive with custom configuration.

DropdownMenu.RadioGroup

Extends the Radix Dropdown Menu Radio Group primitive.

DropdownMenu.RadioItem

Extends the Radix Dropdown Menu Radio Item primitive with custom configuration.

DropdownMenu.Separator

Extends the Radix Dropdown Menu Radio Separator primitive with custom styling.

DropdownMenu.Sub

Extends the Radix Dropdown Menu Sub primitive with custom configuration.

DropdownMenu.SubTrigger

Extends the Radix Dropdown Menu SubTrigger primitive with custom configuration.

DropdownMenu.SubContent

Extends the Radix Dropdown Menu SubContent primitive with custom configuration.

Accessibility

The DropdownMenu component supports all accessibility features of the Radix Dropdown Menu primitive.

Examples