{"id":21274180,"url":"https://github.com/izzyjere/codelabs.dragzoneinputfile","last_synced_at":"2026-02-04T01:08:35.954Z","repository":{"id":192062300,"uuid":"686289178","full_name":"izzyjere/Codelabs.DragZoneInputFile","owner":"izzyjere","description":"Drag Zone File Input Component","archived":false,"fork":false,"pushed_at":"2024-04-20T01:45:52.000Z","size":223,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-22T05:46:51.678Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/izzyjere.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-02T09:50:13.000Z","updated_at":"2024-04-20T01:45:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"7c4abb8b-8fb9-46d7-8c61-66f92557114d","html_url":"https://github.com/izzyjere/Codelabs.DragZoneInputFile","commit_stats":null,"previous_names":["izzyjere/codelabs.dragzoneinputfile"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/izzyjere/Codelabs.DragZoneInputFile","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyjere%2FCodelabs.DragZoneInputFile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyjere%2FCodelabs.DragZoneInputFile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyjere%2FCodelabs.DragZoneInputFile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyjere%2FCodelabs.DragZoneInputFile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/izzyjere","download_url":"https://codeload.github.com/izzyjere/Codelabs.DragZoneInputFile/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyjere%2FCodelabs.DragZoneInputFile/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261243400,"owners_count":23129613,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-21T09:19:15.811Z","updated_at":"2026-02-04T01:08:30.930Z","avatar_url":"https://github.com/izzyjere.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Codelabs.DragZoneInputFile\nDrag Zone File Input Component\n# How to use\nInstall the nuget package \n```shell\nNuGet\\Install-Package DragZoneInputFile -Version 8.0.1\n```\n# In your razor component\n```razor\n\n@page \"/\"\n@using DragZoneInputFile\n\u003cdiv class=\"row\"\u003e\n    \u003cDragZoneInputFile Height=\"500\" Class=\"col-6\" Multiple OnUpload=\"OnFileUploadComplete\" FileFormats=\".pdf,.docx\"\u003e\u003c/DragZoneInputFile\u003e\n\u003c/div\u003e\n\nFile Name: @_fileNames\n@code{\n    string _fileNames = string.Empty;\n    private void OnFileUploadComplete(IEnumerable\u003cIBrowserFile\u003e files)\n    {\n        // Do something with the files\n        foreach (var file in files)\n        {\n            _fileNames += $\"{file.Name}, \";\n            //upload to server\n        }\n    }\n}\n```\n# Customize various colors using following variables\n```css\n :root {\n     --drag-zone-bg-hover: #F3F3F4;\n     --drag-zone-bg-focus: #FFEBC6;\n     --drag-zone-border-focus: blue;\n }\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fizzyjere%2Fcodelabs.dragzoneinputfile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fizzyjere%2Fcodelabs.dragzoneinputfile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fizzyjere%2Fcodelabs.dragzoneinputfile/lists"}