easy-select-react

✍️ CUSTOM SELECT / DROPDOWN ✍️

npm i easy-select-react

I always struggle to use HTML5 <select> and packages are sometimes overcomplicated for just a simple dropdown. ``

But... I am not really a fun of frameworks like Bootstrap, so I made my own! 👻

Here is what it looks like...

I made a React version (can be used with or without typescript) and a vanilla JS/HTML/CSS version! 📚

Documentation:

Styling:

CSS Class	Changes
select__wrap	Width, height, border-radius, bg color, text color.
select__options	Width of options, border-radius of dropdown.
single-option	Height of options, padding, border + bg color.

React:

If you are already working on an app created with create-react-app you will not need to install anything.

Interfaces:

Interface	Use
Option	Single option. val will be passed to the parent component, display will be displayed on the interface.
OptionClass	Constructor for Options, use to create the array for the options prop.

Props:

Prop	Use / Type
options	Array of Option
selectedOpt	Function that should set Option["val"] in the state (see example)