This is a multiselect dropdown task that I have created using React.js, JSX, and CSS.
Here are some features that it has.
- The dropdown works well with large data, the current loop that creates the array deals with around 4000 items
- There is an insert box at the top-center that is set to the default of the length of the array, but it can be changed to include any number. The program will throw an error and not let any selections occur after the given limit has been reached.
- The dropdown is searchable
- There are "Select All" and "Deselect All" options for the program that allows the selection of all items in the dropdown, given that the limiting value is above the size of the array. If not, the program will throw an error message. The "Deselect All" button deselects any number of items that have already been selected, whether only one or all of them
- There is a default feature of the first item, however this can be changed in the source code
- I also added some CSS customizations to the program to make it look more appealing