{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-input-group-14","type":"registry:block","title":"Input group with tooltip action","description":"Input group with tooltip action","dependencies":[],"registryDependencies":["field","input-group","tooltip"],"files":[{"path":"c-input-group-14.tsx","type":"registry:block","content":"import { Field } from \"@/components/ui/field\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"@/components/ui/input-group\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <Field className=\"w-full max-w-xs\">\n      <InputGroup>\n        <InputGroupInput type=\"number\" defaultValue=\"5000\" />\n        <InputGroupAddon align=\"inline-end\">\n          <TooltipProvider>\n            <Tooltip>\n              <TooltipTrigger\n                render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n              >\n                <IconPlaceholder\n                  lucide=\"InfoIcon\"\n                  tabler=\"IconInfoCircle\"\n                  hugeicons=\"InformationCircleIcon\"\n                  phosphor=\"InfoIcon\"\n                  remixicon=\"RiInformationLine\"\n                />\n              </TooltipTrigger>\n              <TooltipContent>Monthly request limit</TooltipContent>\n            </Tooltip>\n          </TooltipProvider>\n        </InputGroupAddon>\n      </InputGroup>\n    </Field>\n  )\n}","target":"components/examples/c-input-group-14.tsx"}],"meta":{"order":14}}