❤️ Support our project - Your donation helps us continue developing awesome tools!


Docs
Select

Select

Displays a list of options for the user to pick from—triggered by a button.

A select component with a list of options.

Installation

npx nyxb@latest add select

Usage

import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "~/components/ui/select"
<Select>
  <SelectTrigger className="w-[180px]">
    <SelectValue placeholder="Theme" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="light">Light</SelectItem>
    <SelectItem value="dark">Dark</SelectItem>
    <SelectItem value="system">System</SelectItem>
  </SelectContent>
</Select>

Examples

Scrollable

A select component with a scrollable list of options.

Form

You can manage email addresses in your email settings.