{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-input-group-27","type":"registry:block","title":"Input group wrapped in a button group with text prefixes/suffixes","description":"Input group wrapped in a button group with text prefixes/suffixes","dependencies":[],"registryDependencies":["button-group","field","input-group"],"files":[{"path":"c-input-group-27.tsx","type":"registry:block","content":"import {\n  ButtonGroup,\n  ButtonGroupText,\n} from \"@/components/ui/button-group\"\nimport { Field } from \"@/components/ui/field\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"@/components/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <Field className=\"max-w-xs\">\n      <ButtonGroup>\n        <ButtonGroupText>https://</ButtonGroupText>\n        <InputGroup>\n          <InputGroupInput placeholder=\"example\" />\n          <InputGroupAddon align=\"inline-end\">\n            <IconPlaceholder\n              lucide=\"InfoIcon\"\n              tabler=\"IconInfoCircle\"\n              hugeicons=\"InformationCircleIcon\"\n              phosphor=\"InfoIcon\"\n              remixicon=\"RiInformationLine\"\n              className=\"text-muted-foreground size-4\"\n            />\n          </InputGroupAddon>\n        </InputGroup>\n        <ButtonGroupText>.com</ButtonGroupText>\n      </ButtonGroup>\n    </Field>\n  )\n}","target":"components/examples/c-input-group-27.tsx"}],"meta":{"order":27}}