Select - Keep React

The Select component is a versatile and user-friendly interface element that enables users to choose from a list of options presented in a dropdown menu. It can be customized with various features, such as icons and actions, to enhance the user experience.

Table of Contents#

Default Select#

A simple and basic select component for general use cases, allowing users to choose an option from a dropdown list.

Select With Action Icon#

An enhanced select component that includes an action icon, allowing users to perform additional actions directly within the dropdown.

Select With Item Icon#

A select component where each item includes an icon, providing a more visual representation of the options available in the dropdown.

Reference#

Our select component is built using the @radix-ui/react-select package. For more information , follow the documentation @radix-ui/react-select.