2.0.9 • Published 5 years ago

selectum_select v2.0.9

Weekly downloads
42
License
ISC
Repository
github
Last release
5 years ago

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

OptionDescriptionValueDefault
searchadd a text box to search between optionsbooleanfalse
first_as_labelUse first option as labelbooleanfalse
selectum_classAdd class to selectumstring""
selectum_options_classAdd class to selectum optionsstring""
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;
2.0.9

5 years ago

2.0.8

5 years ago

2.0.7

5 years ago

2.0.6

5 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.1.25

5 years ago

1.1.24

5 years ago

1.1.23

5 years ago

1.1.22

5 years ago

1.1.21

5 years ago

1.1.19

5 years ago

1.1.20

5 years ago

1.1.18

5 years ago

1.1.17

5 years ago

1.1.16

5 years ago

1.1.15

5 years ago

1.1.14

5 years ago

1.1.13

5 years ago

1.1.12

5 years ago

1.1.11

5 years ago

1.1.10

5 years ago

1.1.9

5 years ago

1.1.8

5 years ago

1.1.7

5 years ago

1.1.6

5 years ago

1.1.5

5 years ago

1.1.4

5 years ago

1.1.3

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago