Components
Loading preview...
Listbox with react-aria
npx shadcn@latest add https://21st.dev/r/serafimcloud/listbox"use client";
import { ListBox, ListBoxItem } from "@/components/ui/listbox";
function ListBoxSimple() {
return (
<div className="overflow-hidden rounded-lg border border-input min-w-[300px]">
<ListBox
className="bg-background p-1 text-sm"
aria-label="Choose option"
selectionMode="single"
>
<ListBoxItem id="1">Option 1</ListBoxItem>
<ListBoxItem id="2">Option 2</ListBoxItem>
<ListBoxItem id="3">Option 3</ListBoxItem>
</ListBox>
</div>
);
}
export { ListBoxSimple };