ascii.cnlibs.com
GithubX

Select

Pick an option from a list.

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/select.json

## usage

import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
<Select defaultValue="next">
  <SelectTrigger chWidth={30}>
    <SelectValue placeholder="Framework" />
  </SelectTrigger>
  <SelectContent chWidth={30}>
    <SelectItem value="next">Next.js</SelectItem>
    <SelectItem value="nuxt">Nuxt</SelectItem>
    <SelectItem value="sveltekit">SvelteKit</SelectItem>
    <SelectItem value="remix">Remix</SelectItem>
  </SelectContent>
</Select>

## grouped

SelectGroup, SelectLabel and SelectSeparator organise long lists.

## opens up

side places the list above the trigger.

## disabled