Native Select

A styled wrapper around the browser's native select element. Ideal for mobile-friendly forms where native OS pickers are preferred.

Basic

<NativeSelect>
  <option value="">Choose a color</option>
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</NativeSelect>

Disabled

<NativeSelect disabled>
  <option value="">Disabled</option>
</NativeSelect>

API Reference

Prop	Type	Default	Description
`className`	`string`	—	Additional CSS classes to apply to the select element.
`disabled`	`boolean`	`false`	When true, prevents interaction with the select.