Pure Custom Select

Basic

Single choice with a placeholder.

Pre-selected

selected on an option sets the initial value.

Multiple

multiple — value becomes an array.

Searchable

searchable — built-in local filter with highlight.

Async search

onsearch(query) returns matching values (simulated 400ms latency).

Remote search

search-mode="remote": results come entirely from the server, including options that were never declared.

Grouped

<optgroup> renders section headers.

Disabled states

Disabled options and a fully disabled control.

Customized

Restyled purely via CSS variables — no JS, no overrides of internals.

#fancy {
  --cs-bg: linear-gradient(135deg, #6d28d9, #db2777);
  --cs-text: #fff;
  --cs-border: rgba(255,255,255,.25);
  --cs-border-radius: 14px;
}