Native Select

A styled wrapper around the native HTML select element.

$bunx shadcn@latest add @nx-ui/native-select
Registry item
Installs withutils
Used bymaterial-selectorsettings

Basic

Pair a NativeSelect with a Label using a matching id. Uses the platform's own dropdown, so it works well on touch devices.

Sizes

The `size` prop switches between default and a compact sm variant.

Option groups

NativeSelectOptGroup renders a native optgroup, useful for organising sites by region.

States

Disabled dims and blocks interaction; aria-invalid draws the destructive ring for validation errors; pair with a Spinner while options are loading.

Select a waste stream before dispatch.

Composition: movement dispatch form

NativeSelect inside Field/FieldLabel rows, used to route a waste movement to the right site and vehicle.

Ridgeway Haulage confirms availability on dispatch.

API reference

Exported parts and their props, extracted from the component source.