A dropdown list.
When To Use#
If there are too many operations to display, you can wrap them in a Dropdown. By clicking/hovering on the trigger, a dropdown menu should appear, which allows you to choose one option and execute relevant actions.
Examples#
Basic usage#
With icon#
Get visible#
Cascading menu#
API#
Dropdown#
| Property | Description | Type | Default |
|---|
overlay | | ReactNode | |
Dropdown.Item#
| Property | Description | Type | Default |
|---|
onClick | Callback for click | (event: MouseEvent) => void | |
disabled | Disabled the item | boolean | false |
keep | Keep the dropdown after click item | boolean | false |
Dropdown.SubList#
| Property | Description | Type | Default |
|---|
title | | string | |
disabled | Disabled the item | boolean | false |