# ComboBox **Category**: react **URL**: https://www.heroui.com/docs/react/components/combo-box **Source**: https://raw.githubusercontent.com/heroui-inc/heroui/refs/heads/v3/apps/docs/content/docs/react/components/(pickers)/combo-box.mdx > A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query *** ## Import ```tsx import { ComboBox } from '@heroui/react'; ``` ### Usage ```tsx "use client"; import {ComboBox, Input, Label, ListBox} from "@heroui/react"; export function Default() { return ( Aardvark Cat Dog Kangaroo Panda Snake ); } ``` ### Anatomy Import the ComboBox component and access all parts using dot notation. ```tsx import { ComboBox, Input, Label, Description, Header, ListBox, Separator } from '@heroui/react'; export default () => (