A
Auralix UI

Dropdown

iOS-style dropdown menu.

Preview

Installation

bash
npx auralix-ui add dropdown

Usage

Dropdown Menu

tsx
import { Dropdown, DropdownItem, DropdownSeparator } from "@/components/ui/Dropdown";

<Dropdown trigger={<Button>Options</Button>}>
  <DropdownItem>Edit</DropdownItem>
  <DropdownItem>Duplicate</DropdownItem>
  <DropdownSeparator />
  <DropdownItem destructive>Delete</DropdownItem>
</Dropdown>

Props

NameTypeDefaultDescription
triggerReactNode-Trigger element.
childrenReactNode-Menu items.
align"start" | "center" | "end""start"Alignment.