Ember UI LogoEmber UI
Components

Select

A select component

Preview

Loading...
import {  Select,  SelectContent,  SelectGroup,  SelectItem,  SelectLabel,  SelectTrigger,  SelectValue,} from "@/registry/axon/ui/select";export default function SelectDemo() {  return (    <Select>      <SelectTrigger className="w-[180px]">        <SelectValue placeholder="Select a fruit" />      </SelectTrigger>      <SelectContent>        <SelectGroup>          <SelectLabel>Fruits</SelectLabel>          <SelectItem value="apple">Apple</SelectItem>          <SelectItem value="banana">Banana</SelectItem>          <SelectItem value="blueberry">Blueberry</SelectItem>          <SelectItem value="grapes">Grapes</SelectItem>          <SelectItem value="pineapple">Pineapple</SelectItem>        </SelectGroup>      </SelectContent>    </Select>  );}

Installation

CLI

npx shadcn@latest add @emberui/select
yarn shadcn@latest add @emberui/select
pnpm dlx shadcn@latest add @emberui/select
bunx --bun shadcn@latest add @emberui/select

Reference

This component is based on the shadcn/ui Select component.

On this page