Components
Loading preview...
Here is Select component
@jollyshopland
npx shadcn@latest add https://21st.dev/r/jollyshopland/select-1import { Label } from "@/components/ui/text-field-basic"
import {
Select,
SelectItem,
SelectListBox,
SelectPopover,
SelectTrigger,
SelectValue,
} from "@/components/ui/select-1"
export default function SelectDemo() {
return (
<Select className="w-[200px]" placeholder="Select an animal">
<Label>Favorite Animal</Label>
<SelectTrigger>
<SelectValue />
</SelectTrigger>
<SelectPopover>
<SelectListBox>
<SelectItem>Aardvark</SelectItem>
<SelectItem>Cat</SelectItem>
<SelectItem>Dog</SelectItem>
<SelectItem>Kangaroo</SelectItem>
<SelectItem>Panda</SelectItem>
<SelectItem>Snake</SelectItem>
</SelectListBox>
</SelectPopover>
</Select>
)
}