MultiSelectDropdown Component

The MultiSelectDropdown component is a reusable React component that provides a dropdown menu for selecting multiple options. It allows users to select one or more options from a list of available options.

Both selecting options are rendered in the App in this project.

Features

  • Supports both single select and multi-select modes.
  • Provides a customizable placeholder and title for the dropdown header.
  • Displays the selected options in the dropdown header.
  • Allows selecting/deselecting all options in the multi-select mode.
  • Browsers compatible guaranteed: Chrome, Firefox, Safari

Possible Extensions

  • Add sections or groups in multiselect
  • Mobile view
  • Smoother animations
  • Better design
  • Search for larger options list

Getting Started

npm i

Install dependencies

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.\

npm test

Launches the test runner in the interactive watch mode.
TODO: tests are written, but currently broken due to lack of time