Dropdown - Keep React
Table of Contents#
Default Dropdown#
The Default Dropdown represents a list of items as dropdown items with <DropdownItem>
components.
Dropdown With Icon#
The Dropdown with Icon component allows you to include icons within dropdown items.
Customize Dropdown#
Customize the dropdown according to your preferences.
Trigger Variant#
Dropdown has three variants of trigger. Such as "click"
, "hover"
, and "focus"
.
API Reference#
Here is a list of the props that you can pass to the dropdown component:
Property | Description | Type | Default |
---|---|---|---|
placement | Defines the placement of the dropdown. | top top-start top-end bottom bottom-start bottom-end left left-start left-end right right-start right-end | bottom-start |
showArrow | Enables or disables the floating arrow within the dropdown. | boolean | false |
trigger | Trigger mode for displaying the dropdown. | hover click focus | click |