{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import { Field } from \"~/registry/ui/field\";\nimport { Input } from \"~/registry/ui/input\";\nimport { TextField } from \"~/registry/ui/text-field\";\n\nexport function FieldFieldsetDemo() {\n  return (\n    <Field.Set className=\"w-full\">\n      <Field.Legend>Shipping Address</Field.Legend>\n      <Field.Description>\n        We need your address to deliver your order.\n      </Field.Description>\n      <Field.Group>\n        <Field.Root render={<TextField />}>\n          <Field.Label>Street address</Field.Label>\n          <Input placeholder=\"123 Main St\" />\n        </Field.Root>\n        <div className=\"grid auto-cols-auto grid-flow-col gap-4\">\n          <Field.Root render={<TextField />}>\n            <Field.Label>City</Field.Label>\n            <Input placeholder=\"San Francisco\" />\n          </Field.Root>\n          <Field.Root render={<TextField />}>\n            <Field.Label>Postal code</Field.Label>\n            <Input placeholder=\"94102\" />\n          </Field.Root>\n        </div>\n      </Field.Group>\n    </Field.Set>\n  );\n}\n",
      "path": "src/registry/examples/field/field-fieldset-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "field-fieldset-demo",
  "registryDependencies": [
    "@kanpeki/field"
  ],
  "type": "registry:example"
}