import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Canvas } from '@storybook/addon-docs/blocks';
import * as DropdownMenuStories from './dropdown-menu.stories';

<Meta of={DropdownMenuStories} />

<Title />
<Subtitle>A triggered contextual menu for grouped actions.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Trigger Pattern** — Always use `asChild` on `<DropdownMenuTrigger>` when wrapping a `<Button>`.
> - **Destructive Items** — Danger actions must use `text-destructive` and be separated by a `<DropdownMenuSeparator>`.
> - **Alignment** — Usually, table row actions use `align="end"` to keep the menu within the viewport.