{
  "$schema": "https://ai.syncfusion.com/schema/registry-item.json",
  "name": "file-manager-azure-blob-provider",
  "framework": "react",
  "type": "registry:component",
  "component": "FileManager",
  "variant": "azure-blob-provider",
  "dependencies": [
    "@syncfusion/ej2-react-filemanager"
  ],
  "description": "File manager that connects to Azure Blob storage as its file backend service.",
  "meta": {
    "essentialStudioRelease": "2026 Volume 2 (v34.1.29)",
    "license": "commercial-or-community",
    "licenseNote": "The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md",
    "requiresLicenseKey": true,
    "requiresServerEndpoint": true,
    "platformIndex": "https://ai.syncfusion.com/react/llms.txt",
    "skillPack": "syncfusion/react-ui-components-skills",
    "docs": "https://ai.syncfusion.com/gallery/react/ts/file-manager-azure-blob-provider.md"
  },
  "files": [
    {
      "target": "src/components/file-manager-azure-blob-provider/FileManager.tsx",
      "content": "import { FileManagerComponent, Inject, NavigationPane, DetailsView, Toolbar } from '@syncfusion/ej2-react-filemanager';\n\n/**\n * File Manager sample with azure service\n */\nconst Azure = () => {\n\n    let hostUrl: string = \"https://azure-service.syncfusion.com/\";\n    return(\n        <div>\n            <div className=\"control-section\">\n                <FileManagerComponent id=\"azure-file\" ajaxSettings={{url: hostUrl + 'api/AzureFileManager/AzureFileOperations', getImageUrl: hostUrl + 'api/AzureFileManager/AzureGetImage', uploadUrl: hostUrl + 'api/AzureFileManager/AzureUpload', downloadUrl: hostUrl + 'api/AzureFileManager/AzureDownload'}} toolbarSettings={{items: ['NewFolder', 'SortBy', 'Cut', 'Copy', 'Paste', 'Delete', 'Refresh', 'Download', 'Rename', 'Selection', 'View', 'Details']}} contextMenuSettings={{file: [ 'Cut', 'Copy', '|', 'Delete', 'Download', 'Rename', '|', 'Details'], layout: ['SortBy', 'View', 'Refresh', '|', 'Paste', '|', 'NewFolder', '|', 'Details', '|', 'SelectAll'], visible: true }}>\n                    <Inject services={[ NavigationPane, DetailsView, Toolbar]} />\n                </FileManagerComponent>\n            </div>\n        </div>\n    );\n}\nexport default Azure;"
    }
  ]
}