UNPKG

choices.js

Version:

A vanilla JS customisable text input/select box plugin

github.com/jshjohnson/Choices

jshjohnson/Choices

62 lines (61 loc) • 2.48 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
/** Classes added to HTML generated by By default classnames follow the BEM notation. */ export interface ClassNames { /** @default ['choices'] */ containerOuter: string | Array<string>; /** @default ['choices__inner'] */ containerInner: string | Array<string>; /** @default ['choices__input'] */ input: string | Array<string>; /** @default ['choices__input--cloned'] */ inputCloned: string | Array<string>; /** @default ['choices__list'] */ list: string | Array<string>; /** @default ['choices__list--multiple'] */ listItems: string | Array<string>; /** @default ['choices__list--single'] */ listSingle: string | Array<string>; /** @default ['choices__list--dropdown'] */ listDropdown: string | Array<string>; /** @default ['choices__item'] */ item: string | Array<string>; /** @default ['choices__item--selectable'] */ itemSelectable: string | Array<string>; /** @default ['choices__item--disabled'] */ itemDisabled: string | Array<string>; /** @default ['choices__item--choice'] */ itemChoice: string | Array<string>; /** @default ['choices__description'] */ description: string | Array<string>; /** @default ['choices__placeholder'] */ placeholder: string | Array<string>; /** @default ['choices__group'] */ group: string | Array<string>; /** @default ['choices__heading'] */ groupHeading: string | Array<string>; /** @default ['choices__button'] */ button: string | Array<string>; /** @default ['is-active'] */ activeState: string | Array<string>; /** @default ['is-focused'] */ focusState: string | Array<string>; /** @default ['is-open'] */ openState: string | Array<string>; /** @default ['is-disabled'] */ disabledState: string | Array<string>; /** @default ['is-highlighted'] */ highlightedState: string | Array<string>; /** @default ['is-selected'] */ selectedState: string | Array<string>; /** @default ['is-flipped'] */ flippedState: string | Array<string>; /** @default ['is-loading'] */ loadingState: string | Array<string>; /** @default ['choices__notice'] */ notice: string | Array<string>; /** @default ['choices__item--selectable', 'add-choice'] */ addChoice: string | Array<string>; /** @default ['has-no-results'] */ noResults: string | Array<string>; /** @default ['has-no-choices'] */ noChoices: string | Array<string>; }