Components
Dropdown
Premium menu for displaying a list of actions or navigation links.
Preview
Usage
import { Dropdown, Button } from 'framejs-ui';export default function Page() {return (<Dropdown><Dropdown.Trigger><Button>Options</Button></Dropdown.Trigger><Dropdown.Menu><Dropdown.Item onClick={() => {}}>Edit</Dropdown.Item><Dropdown.Item href="/duplicate">Duplicate</Dropdown.Item><Dropdown.Separator /><Dropdown.Item variant="danger">Delete</Dropdown.Item></Dropdown.Menu></Dropdown>);}
Components
| Component | Description |
|---|---|
| Dropdown | Root provider component. Handles state. |
| Dropdown.Trigger | Wraps the element that toggles the menu. |
| Dropdown.Menu | The popover menu container. Supports align="left" | "right". |
| Dropdown.Item | Interactive item. Supports icon, href, variant. |
| Dropdown.Separator | Divider line between groups. |