{
  "name": "editable-double-click-demo",
  "type": "registry:example",
  "registryDependencies": [
    "editable"
  ],
  "files": [
    {
      "path": "examples/editable-double-click-demo.tsx",
      "type": "registry:example",
      "content": "import * as React from \"react\";\nimport { Button } from \"@/registry/bases/base/ui/button\";\nimport {\n  Editable,\n  EditableArea,\n  EditableCancel,\n  EditableInput,\n  EditableLabel,\n  EditablePreview,\n  EditableSubmit,\n  EditableToolbar,\n} from \"@/registry/bases/base/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 render={<Button size=\"sm\" />}>Save</EditableSubmit>\n          <EditableCancel render={<Button variant=\"outline\" size=\"sm\" />}>\n            Cancel\n          </EditableCancel>\n        </EditableToolbar>\n      </Editable>\n    </div>\n  );\n}\n",
      "target": ""
    }
  ]
}