Choices | Admindek Dashboard Template

Choices.js is a lightweight

Reference

Text inputs

Limited to 5 values with remove button

Unique values only, no pasting

Email addresses only

Disabled

Prepends and appends a value to each items return value

Preset values passed through options

I18N labels

Right-to-left

Multiple select input

Default

With remove button

Option groups

Options from remote source (Fetch API) & limited to 5

If the following example do not load, the rate limit has probably been reached. Try again later!

Right-to-left

Use label in event (add/remove)

Single select input

Default

Options from remote source (Fetch API)

If the following two examples do not load, the rate limit has probably been reached. Try again later!

Options from remote source (Fetch API) & remove button

If the following two examples do not load, the rate limit has probably been reached. Try again later!

Option groups

Right-to-left

Options added via config with no search

Option and option groups added via config

Option selected via config with custom properties

Try searching for 'fantastic', "Label 3" should display

Option searchable by custom properties via data-custom-properties attribute

Try searching for 'fantastic', "Label 3" should display

Options without sorting

Custom templates

Cities

Below is an example of how you could have two select inputs depend on each other. 'Tube stations' will only be enabled if the value of 'Cities' is 'London'

Tube stations

Form interaction

Change the values and press reset to restore to initial state.

Forms-active

Text inputs

Multiple select input

Single select input

Form interaction

Theme Customizer

Theme Mode

Sidebar Configuration

Theme Colors

Advanced Settings

Payment Received

New Team Member

Monthly Report Ready

Security Alert

Feature Update

Security

Forms-active

Text inputs

Multiple select input

Single select input

Form interaction

Theme Customizer

Theme Mode

Sidebar Configuration

Theme Colors

Advanced Settings