tidy-select
v1.5.0
Published
JavaScript library for making HTML selects more tidy.
Downloads
15
Readme
tidy-select
JavaScript library for making HTML selects more tidy.
Based heavily off of the original jQuery based tidy-select, this turns it into a no dependencies web component.
Usage
Somewhere in your project just require the tidy select module:
import 'tidy-select';
Then you can use it in your HTML:
<tidy-select>
<option value="1">One!</option>
<option value="2" data-description="I have a description">Two!</option>
</tidy-select>
Styles
Some styles can be customized using CSS variables:
tidy-select {
--width: 50%;
--arrow-color: gray;
--border-color: red;
--border-radius: 4px;
--input-padding: 1rem 1rem;
--input-line-height: 1.5rem;
--input-font-size: 1rem;
--description-font-size: 0.8rem;
}