Studiov0.6.0

NativeSelect

Tier 1shadcn
Inputs

A native HTML select element with design system styling for better mobile compatibility.

Live Preview

Code

import { NativeSelect } from "@regen/ui";

<NativeSelect />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • Mobile-first forms
  • Simple lists with native keyboard support
  • Embedded in table cells

Do

  • Use when native accessibility is critical
  • Prefer over Select on mobile-heavy interfaces

Don't

  • Don't use when grouping or icons are needed — use Select
  • Don't use for search/filter — use Combobox