nativejs-select

Why do I need use this?
I made this plugin for me, because I don't need analogs with big size, the plugin have required options and written on Typescript without boilerplate. By the way the plugin has support IE11)

Getting started

yarn add nativejs-select
// or
npm install nativejs-select

<select class="customSelect">
  <option value="react">React</option>
  <option value="vue">Vue</option>
  <option value="svelte">Svelte</option>
</select>

import NativejsSelect from 'nativejs-select';
// or
const NativejsSelect = require('nativejs-select');
// Default styles
import 'nativejs-select/build/nativejs-select.css';

new NativejsSelect({
  selector: '.customSelect',
});

Options

Name	Type	Desc
selector	string	selector of native select which you want to custom
placeholder?	string	display default placeholder after init
fixedPlaceholder?	string	fixed placeholder
disableMobile?	boolean	disable castomization in mobile devices for better accessibility
renderOptions?	(option: HTMLElement, index: number, length: number) => string	you can render options like you want
enableSearch?	boolean	Allow search by options

You can also use html attributes for setup

Name
data-fixed-placeholder
data-placeholder
data-disable-mobile
data-enable-search

Cross-browser testing provided by