{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"search-field-web","type":"registry:item","title":"Search Field","description":"A search-specific text input with a clear action and semantics for entering and submitting queries.","files":[{"path":"snippets/web/search-field.tsx","content":"import { Label, SearchField } from \"@heroui/react\";\n\nexport function SearchFieldExample() {\n  return (\n    <SearchField name=\"search\">\n      <Label>Search</Label>\n      <SearchField.Group>\n        <SearchField.SearchIcon />\n        <SearchField.Input className=\"w-[280px]\" placeholder=\"Search...\" />\n        <SearchField.ClearButton />\n      </SearchField.Group>\n    </SearchField>\n  );\n}\n","type":"registry:file","target":"~/snippets/web/search-field.tsx"}],"author":"heroui","dependencies":["@heroui/react"]}