Components
Loading preview...
A comprehensive select component with support for single selection, icons, and animations.
npx shadcn@latest add https://21st.dev/r/preetsuthar17/selectimport { User } from "lucide-react";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue
} from "@/components/ui/select";
export default function DemoOne() {
return (
<>
<div className="font-medium">
<Select>
<SelectTrigger icon={User}>
<SelectValue placeholder="Select a user" />
</SelectTrigger>
<SelectContent className="font-medium">
<SelectItem value="john" icon={User}>
John Doe
</SelectItem>
<SelectItem value="jane" icon={User}>
Jane Smith
</SelectItem>
<SelectItem value="bob" icon={User}>
Bob Johnson
</SelectItem>
</SelectContent>
</Select>
</div>
</>
);
}