select2tokenizer
Last updated
Last updated
Since V1.1.0
Select2Tokenizer is a component which allow the user to select multiple values as 'tokens' from a search field. The component is implemented on top of the Select2 library.
Content under construction
The component has it's own CSS selector to be used for the restyle of the component. Note that fine-grained styling of the component is depending on the internal selectors of the select2 libary
| element selector | summary |
|---|---|
To adjust the Select2Tokenizer size, apart from stylying the component with your own CSS, you can use one the control size classes; the Select2Tokenizer offers 4 control size classes. Please note that each size class requires a certain height of the component for nice stylying and to avoid vertical scrollbars. To use the size classes just add one of them into the component's styleClass property. Default size class is select2-sm.
Select2Tokenizer properties can be found here.
Select2Tokenizer events can be found here.
Select2Tokenizer API methods can be found here.
The following articles are recommended for additional reading
| size class | min-height | font-size |
|---|---|---|
.svy-select2-autotokenizer
style the select2tokenizer
.svy-select2-autotokenizer-container
style the select2tokenizer tags container
.svy-select2-autotokenizer-dropdown
style the select2tokenizer dropdown
select2-xs
20px
12px
select2-sm
32px
14px
select2-md
36px
16px
select2-lg
44px
18px