Dropdown - Keep React

The Dropdown Component is a versatile user interface element that provides users with a menu of selectable options. With a wide range of customization options, including labels, icons, search bars, checkboxes, and more, the Dropdown Component enhances user interaction by offering intuitive and flexible selection functionalities.

The Default Dropdown represents a list of items as dropdown items with <Dropdown.Item> components.

The Dropdown with Icon component allows you to include icons within dropdown items.

Customize the dropdown according to your preferences.

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
className	Custom class for styling the dropdown	string	None
actionClassName	action button Custom class for styling	string	None
action	Dropdown clickable item	ReactNode	Dot Icon

Dropdown - Keep React

Table of Contents#

Default Dropdown#

Dropdown With Icon#

Customize Dropdown#

API Reference#