{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-spinner-4","type":"registry:block","title":"Spinner in input group.","description":"Spinner in input group.","dependencies":[],"registryDependencies":["field","input-group","spinner"],"files":[{"path":"c-spinner-4.tsx","type":"registry:block","content":"import { Field, FieldLabel } from \"@/components/ui/field\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"@/components/ui/input-group\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\nexport function Pattern() {\n  return (\n    <Field className=\"w-full max-w-xs\">\n      <FieldLabel htmlFor=\"search-loading\">Searching</FieldLabel>\n      <InputGroup id=\"search-loading\">\n        <InputGroupInput placeholder=\"Search records…\" />\n        <InputGroupAddon>\n          <Spinner className=\"size-4\" />\n        </InputGroupAddon>\n      </InputGroup>\n    </Field>\n  )\n}","target":"components/examples/c-spinner-4.tsx"}],"meta":{"order":4}}