{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"combo-box-web","type":"registry:item","title":"Combo Box","description":"An editable input paired with a list of choices, allowing people to filter options and select a value.","files":[{"path":"snippets/web/combo-box.tsx","content":"import { ComboBox, Input, Label, ListBox } from \"@heroui/react\";\n\nexport function ComboBoxExample() {\n  return (\n    <ComboBox className=\"w-[256px]\">\n      <Label>Favorite Animal</Label>\n      <ComboBox.InputGroup>\n        <Input placeholder=\"Search animals...\" />\n        <ComboBox.Trigger />\n      </ComboBox.InputGroup>\n      <ComboBox.Popover>\n        <ListBox>\n          <ListBox.Item id=\"aardvark\" textValue=\"Aardvark\">\n            Aardvark\n            <ListBox.ItemIndicator />\n          </ListBox.Item>\n          <ListBox.Item id=\"cat\" textValue=\"Cat\">\n            Cat\n            <ListBox.ItemIndicator />\n          </ListBox.Item>\n          <ListBox.Item id=\"dog\" textValue=\"Dog\">\n            Dog\n            <ListBox.ItemIndicator />\n          </ListBox.Item>\n          <ListBox.Item id=\"kangaroo\" textValue=\"Kangaroo\">\n            Kangaroo\n            <ListBox.ItemIndicator />\n          </ListBox.Item>\n          <ListBox.Item id=\"panda\" textValue=\"Panda\">\n            Panda\n            <ListBox.ItemIndicator />\n          </ListBox.Item>\n          <ListBox.Item id=\"snake\" textValue=\"Snake\">\n            Snake\n            <ListBox.ItemIndicator />\n          </ListBox.Item>\n        </ListBox>\n      </ComboBox.Popover>\n    </ComboBox>\n  );\n}\n","type":"registry:file","target":"~/snippets/web/combo-box.tsx"}],"author":"heroui","dependencies":["@heroui/react"]}