# Menu

Dropdown and context menus.

Group: Overlays & Feedback

## Import

```tsx
import { Menu } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
<HStack gap="4">
  <Menu.Root>
    <Menu.Trigger asChild>
      <Button variant="outline" size="sm">Dropdown ▾</Button>
    </Menu.Trigger>
    <Portal>
      <Menu.Positioner>
        <Menu.Content>
          <Menu.Item value="profile">Profile</Menu.Item>
          <Menu.Item value="billing">Billing</Menu.Item>
          <Menu.Separator />
          <Menu.Item value="logout" color="fg.error">Log out</Menu.Item>
        </Menu.Content>
      </Menu.Positioner>
    </Portal>
  </Menu.Root>

  <Menu.Root>
    <Menu.ContextTrigger asChild>
      <Card.Root px="4" py="6" fontSize="sm" color="fg.muted" userSelect="none">
        Klik kanan di sini
      </Card.Root>
    </Menu.ContextTrigger>
    <Portal>
      <Menu.Positioner>
        <Menu.Content>
          <Menu.Item value="copy">Copy</Menu.Item>
          <Menu.Item value="paste">Paste</Menu.Item>
          <Menu.Item value="delete" color="fg.error">Delete</Menu.Item>
        </Menu.Content>
      </Menu.Positioner>
    </Portal>
  </Menu.Root>
</HStack>
```