Docs
Select
Select
Displays a list of options for the user to pick from—triggered by a button.
A ShadCN Select component customized by restyling.
Installation
pnpm dlx shadcn@latest add "https://akasha-ui.pages.dev/r/styles/default/select.json"
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>