import { Canvas, Meta } from '@storybook/blocks';
import * as DropdownStories from './dropdown.stories';

<Meta title="Primitives/Dropdown Menu" />

# Dropdown Menu

#### Displays a menu to the user—such as a set of actions or functions—triggered by a button.

<Canvas sourceState="hidden" of={DropdownStories.Default} height="300px" />

## Features

- ✅ Supports submenus with configurable reading direction.
- ✅ Supports items, labels, groups of items.
- ✅ Customize side, alignment, offsets.

ToDo

- Can be controlled or uncontrolled.
- Supports checkable items (single or multiple) with optional indeterminate state.
- Supports modal and non-modal modes.
- Optionally render a pointing arrow.
- Focus is fully managed.
- Full keyboard navigation.
- Typeahead support.
- Dismissing and layering behavior is highly customizable.
