## slim.

Katherine

###### Select2

Basic Select Box

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Selected Hover Color Variant

A select box with custom color for highlighting or selecting a selection.

Class Reference

Class | Value
--- | ---
`dropdownCssClass: 'hover-[value]'` | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

Outline Color Variant

A select box with colored border and optional colored border and hover for dropdown.

Class Reference

Class | Value
--- | ---
`containerCssClass: 'select2-outline-success'` `dropdownCssClass: 'bd-success hover-success'` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange | white

Full Colored Variant

A select box with full colored variants to choose from.

Class Reference

Class | Value
--- | ---
`containerCssClass: 'select2-full-color select2-[value]'` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

Full Colored Dropdown Variant

A select box with full colored dropdown variants to choose from.

Class Reference

Class | Value
--- | ---
`dropdownCssClass: 'select2-drop-color select2-drop-[value]'` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

Full Colored Box and Dropdown Combination

A select box with full colored dropdown variants to choose from.