{
  "name": "editable-double-click-demo",
  "type": "registry:example",
  "registryDependencies": [
    "button",
    "editable"
  ],
  "files": [
    {
      "path": "examples/editable-double-click-demo.tsx",
      "type": "registry:example",
      "content": "import * as React from \"react\";\n\nimport { Button } from \"@/registry/bases/radix/ui/button\";\nimport {\n  Editable,\n  EditableArea,\n  EditableCancel,\n  EditableInput,\n  EditableLabel,\n  EditablePreview,\n  EditableSubmit,\n  EditableToolbar,\n} from \"@/registry/bases/radix/ui/editable\";\n\nexport default function EditableDoubleClickDemo() {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Editable\n        defaultValue=\"Double click to edit\"\n        placeholder=\"Enter your text here\"\n        triggerMode=\"dblclick\"\n      >\n        <EditableLabel>Fruit</EditableLabel>\n        <EditableArea>\n          <EditablePreview />\n          <EditableInput />\n        </EditableArea>\n        <EditableToolbar>\n          <EditableSubmit asChild>\n            <Button size=\"sm\">Save</Button>\n          </EditableSubmit>\n          <EditableCancel asChild>\n            <Button variant=\"outline\" size=\"sm\">\n              Cancel\n            </Button>\n          </EditableCancel>\n        </EditableToolbar>\n      </Editable>\n    </div>\n  );\n}\n",
      "target": ""
    }
  ]
}