import { ComboboxContent, ComboboxInput, ComboboxItem, ComboboxItemText, ComboboxList, } from "@ark-ui/react/combobox"; import { SearchIcon } from "lucide-react"; import { cn } from "@/lib/utils"; import { Combobox, ComboboxControl, ComboboxEmpty, ComboboxItemGroup, ComboboxItemGroupLabel, } from "./combobox"; export const Command = ( props: React.ComponentProps> ) => { const { open = true, ...rest } = props; return ( ); }; export const CommandContent = ( props: React.ComponentProps ) => { const { className, children, ...rest } = props; return ( {children} ); }; export const CommandItem = ( props: React.ComponentProps ) => { const { className, children, ...rest } = props; return ( {children} ); }; export const CommandControl = ( props: React.ComponentProps ) => ; export const CommandInput = ( props: React.ComponentProps ) => { const { className, ...rest } = props; return (

); }; export const CommandEmpty = ( props: React.ComponentProps ) => { const { className, ...rest } = props; return ( ); }; interface CommandGroupProps extends React.ComponentProps { /** * The heading of the group */ heading?: string | React.ReactNode; } export const CommandGroup = (props: CommandGroupProps) => { const { heading, className, children, ...rest } = props; return ( {heading && ( {heading} )} {children} ); }; export const CommandShortcut = (props: React.ComponentProps<"span">) => { const { className, ...rest } = props; return ( ); };

Command

Installation

Usage