selectum_select v2.0.9

Selectum

Create your custom select easily

Getting Started

It requires jQuery

Installation

npm i selectum_select

And import in your html

<script src="node_modules/selectum_select/selectum.min.js"></script>

Or with CDN:

JS: https://unpkg.com/selectum_select@1.1.0/selectum.min.js
CSS: https://unpkg.com/selectum_select@1.1.0/selectum.min.css

On your script

$('select').selectum();

Options

$('select').selectum({
search: true,
selectum_class: "w-full text-black"
});

Options list

To custom style

Import selectum.scss in your SASS file

@import '~selectum_select/selectum.scss';

And set these variables:

$selectum-background: white;
$selectum-text-color: black;
$selectum-border-width: 1px;
$selectum-border-color: black;
$selectum-padding-y: 10px;
$selectum-padding-x: 10px;
$selectum-hover-bg: black;
$selectum-hover-text: white;
$selectum-selected: #ddd;
$selectum-border-radius: 4px;
$selectum-background-options: white;
$selectum-color-options: white;
$selectum-arrow-color: black;