{
  "title": "File Pond",
  "description": "file pond",
  "name": "plugin-filepond",
  "dependencies": [
    "react-filepond",
    "filepond-plugin-image-preview",
    "filepond"
  ],
  "registryDependencies": [],
  "type": "registry:component",
  "files": [
    {
      "path": "components/ui/advanced/filepond/simple.tsx",
      "type": "registry:component",
      "content": "import FilePondPluginImagePreview from \"filepond-plugin-image-preview\";\nimport \"filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css\";\nimport \"filepond/dist/filepond.min.css\";\nimport { FilePond, registerPlugin } from \"react-filepond\";\n\nregisterPlugin(FilePondPluginImagePreview);\n\nexport const SimpleFilePond = () => {\n    return (\n        <FilePond\n            allowMultiple={true}\n            maxFiles={3}\n            server=\"/api\"\n            className=\"w-md\"\n            name=\"files\"\n            credits={false}\n            labelIdle='Drag & Drop your files or <span class=\"filepond--label-action\">Browse</span>'\n        />\n    );\n};\n"
    }
  ],
  "mcp": {
    "description": "Provides refined UI interactions and accessible controls. file pond Relies on react-filepond, filepond-plugin-image-preview. Optimal for building reusable interface elements and user input flows.",
    "tags": [
      "component",
      "plugin"
    ]
  }
}