A list that pops down.
Examples
Basic
Basic
Use with tooltip
Since the tooltip does not pass the parent component props to the child components, a layer of encapsulation is needed to ensure that related events can be correctly delivered. Similar components include Popover, Popconfirm and Popper.
Properties
Dropdown
For more parameters, please refer to Popper properties.
| Property | Description | Type | Default | Require |
|---|---|---|---|---|
| children | Child node | React.ReactElement | - | true |
| menus | Drop-down menu | React.ReactNode | - | true |
| transitionClassName | Animation class, will override default animation, see CssTransition | string | xl-dropdown | false |
DropdownSubmenu
For more parameters, please refer to Popper properties.
| Property | Description | Type | Default | Require |
|---|---|---|---|---|
| children | Child node | React.ReactElement | - | true |
| title | Title | React.ReactNode | - | true |
| transitionClassName | Animation class, see CssTransition | string | xl-dropdown-submenu | false |
| disabled | Disabled state | boolean | - | false |
DropdownItem
| Property | Description | Type | Default | Require |
|---|---|---|---|---|
| children | Child node | React.ReactElement | - | true |
| disabled | Disabled state | boolean | - | false |
| onClick | Click event | function | - | false |