Components
Loading preview...
Here is ListBox component
@jollyshopland
npx shadcn@latest add https://21st.dev/r/jollyshopland/list-boximport { ListBox, ListBoxItem } from "@/components/ui/list-box"
export default function ListBoxDemo() {
return (
<ListBox
aria-label="Favorite animal"
selectionMode="single"
selectedKeys={["cat"]}
>
<ListBoxItem>Aardvark</ListBoxItem>
<ListBoxItem id="cat">Cat</ListBoxItem>
<ListBoxItem>Dog</ListBoxItem>
<ListBoxItem>Kangaroo</ListBoxItem>
<ListBoxItem>Panda</ListBoxItem>
<ListBoxItem>Snake</ListBoxItem>
</ListBox>
)
}