FormsFree

Native Select

A full-width styled select trigger and popup list.

Usage

bash

npm install @wunderui/react

Then import what you need:

tsx

import {
  NativeSelect,
  NativeSelectContent,
  NativeSelectItem,
  NativeSelectTrigger,
  NativeSelectValue,
} from "@wunderui/react"

Default, focused, in error and disabled.

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

A select and a checkbox inside a confirmation dialog.