Displays a list of options for the user to pick from—triggered by a button.
The Select is a copy-paste component in the Form Controls collection of Lightswind UI. Built with TypeScript, Tailwind CSS, and Framer Motion for clean developer experience and rapid UI building.
Add this import to your component file
1import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/lightswind/select"
Properties and options for customizing this component
Name | Type | Default | Description | Required |
|---|
Here’s a simple example of how to use this component
1<Select>2 <SelectTrigger className="w-[180px]">3 <SelectValue placeholder="Theme" />4 </SelectTrigger>5 <SelectContent>6 <SelectItem value="light">Light</SelectItem>7 <SelectItem value="dark">Dark</SelectItem>8 <SelectItem value="system">System</SelectItem>9 </SelectContent>10</Select>
Different visual and behavioral variants of the component
Select with leading or trailing icons
Preview not available for this example.
A product byＭＵＨＩＬＡＮ and Team❤️.
