Skip to content
Perimeter Style

Native Select

A native HTML select element with consistent styling.

Usage

tsx
import { NativeSelect } from "@/components/ui/native-select";

<Native Select size="default" disabled={false}>...</Native Select>
<Native Select size="default" disabled={false}>...</Native Select>

Light

Dark

Default

Metrics

Perimeter Api

Native Select Controls

size
disabled

Examples

Basic

With Option Groups

Small Size

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/native-select

Search

Search for components, templates, and more.