40 lines
815 B
TypeScript
40 lines
815 B
TypeScript
"use client"
|
|
|
|
import {
|
|
Combobox,
|
|
ComboboxContent,
|
|
ComboboxEmpty,
|
|
ComboboxInput,
|
|
ComboboxItem,
|
|
ComboboxList,
|
|
} from "@/styles/aria-nova/ui/combobox"
|
|
|
|
const frameworks = [
|
|
"Next.js",
|
|
"SvelteKit",
|
|
"Nuxt.js",
|
|
"Remix",
|
|
"Astro",
|
|
] as const
|
|
|
|
export function ComboboxInvalid() {
|
|
return (
|
|
<Combobox allowsEmptyCollection isInvalid aria-label="Framework">
|
|
<ComboboxInput placeholder="Select a framework" />
|
|
<ComboboxContent>
|
|
<ComboboxList
|
|
renderEmptyState={() => (
|
|
<ComboboxEmpty>No items found.</ComboboxEmpty>
|
|
)}
|
|
>
|
|
{frameworks.map((item) => (
|
|
<ComboboxItem key={item} id={item}>
|
|
{item}
|
|
</ComboboxItem>
|
|
))}
|
|
</ComboboxList>
|
|
</ComboboxContent>
|
|
</Combobox>
|
|
)
|
|
}
|