Autocomplete

1import { Autocomplete, AutocompleteControl, AutocompleteInput, AutocompleteGroupLabel } from "@/components/ui/autocomplete";
2
3<Autocomplete />

1"use client";
2
3import type { Combobox as ArkCombobox } from "@ark-ui/react/combobox";
4import type React from "react";
5import {
6  Combobox,
7  ComboboxClear,
8  ComboboxContent,
9  ComboboxControl,
10  ComboboxEmpty,
11  ComboboxGroup,
12  ComboboxGroupLabel,
13  ComboboxInput,
14  ComboboxItem,
15  ComboboxList,
16  ComboboxTrigger,
17} from "@/registry/react/components/combobox";
18import { Separator } from "@/registry/react/components/separator";
19
20export const Autocomplete: ArkCombobox.RootComponent = (props) => (
21  <Combobox
22    allowCustomValue
23    data-slot="autocomplete"
24    inputBehavior="autocomplete"
25    {...props}
26  />
27);
28