Native Select

A styled wrapper around the browser's native <select> element. Uses an invisible overlay technique — the native select is fully transparent and positioned over a custom-styled display. In 0.0.34 it does not expose class or forward arbitrary native attributes; wrap it for layout styling rather than passing id, name, or required.


Basic Usage

Bind value to track the selected option.

Option 2
Selected value: 2

Sizes

Three sizes: normal (default), compact, and small.

Select an option
Select an option
Select an option

Borderless

Use borderless to remove the border and background — useful inside toolbars or tables.

Select an option

Disabled

The disabled prop makes the select inert and visually dimmed.

Select an option