# Dropdown (/popups/dropdown)





<ComponentPreview name="dropdown-preskok-demo" description="A dropdown menu using dropdown item and section primitives." />

## Installation [#installation]

```bash
npx shadcn@latest add @preskok/dropdown
```

## Usage [#usage]

```tsx
import { Button } from "@/components/ui/preskok-ui/button"
import {
  DropdownDescription,
  DropdownLabel,
} from "@/components/ui/preskok-ui/dropdown"
import {
  Menu,
  MenuContent,
  MenuItem,
  MenuTrigger,
} from "@/components/ui/preskok-ui/menu"

export function Example() {
  return (
    <Menu>
      <MenuTrigger>
        <Button intent="outline">Open</Button>
      </MenuTrigger>
      <MenuContent>
        <MenuItem id="profile">
          <DropdownLabel>Profile</DropdownLabel>
          <DropdownDescription>View profile</DropdownDescription>
        </MenuItem>
      </MenuContent>
    </Menu>
  )
}
```

## Components [#components]

* **DropdownItem**, **DropdownLabel**, **DropdownDescription**, **DropdownSection**, **DropdownSeparator**, **DropdownKeyboard**