Classes list
Every class Select recognizes, straight from the @flickui/css source.
| Class | Purpose |
|---|---|
.select | Base class on the outer wrapper — required |
.select-trigger | The button that opens/closes the listbox |
.select-value | Shows the currently selected option's label (or the placeholder) |
.select-icon | The chevron indicator, rotates 180° while .is-open |
.select-listbox | The panel of options |
.select-search | Optional filter input inside the listbox |
.select-group-label | Optional heading for a group of options |
.select-option | Each selectable entry — needs .action-select to be clickable |
.select-check | The checkmark shown on the selected option |
.select-opt-label / .select-opt-desc | Primary/secondary text within an option |
.select-empty | No-results message, shown when filtering yields nothing |
.action-select | Behavior hook that makes an option clickable/selectable |
.is-open | Runtime state — listbox is visible |
.is-placeholder | On .select-value, styles the placeholder text distinctly |
.is-highlighted | On .select-option, marks the keyboard/hover-focused option |