{"id":22656554,"url":"https://github.com/dahln/blazorspinner","last_synced_at":"2025-10-26T20:33:26.217Z","repository":{"id":54490483,"uuid":"275995869","full_name":"dahln/BlazorSpinner","owner":"dahln","description":"A loading spinner with overlay for Blazor apps","archived":false,"fork":false,"pushed_at":"2025-02-09T22:05:52.000Z","size":437,"stargazers_count":17,"open_issues_count":1,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-06T05:39:00.478Z","etag":null,"topics":["blazor","loading","spinner"],"latest_commit_sha":null,"homepage":"https://www.nuget.org/packages/BlazorSpinner/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dahln.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2020-06-30T04:21:17.000Z","updated_at":"2025-02-09T22:22:41.000Z","dependencies_parsed_at":"2024-02-04T07:20:56.069Z","dependency_job_id":"4019c334-dfac-4cd0-8048-9f82dcb84279","html_url":"https://github.com/dahln/BlazorSpinner","commit_stats":null,"previous_names":["dahln/blazorspinner"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dahln%2FBlazorSpinner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dahln%2FBlazorSpinner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dahln%2FBlazorSpinner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dahln%2FBlazorSpinner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dahln","download_url":"https://codeload.github.com/dahln/BlazorSpinner/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248279195,"owners_count":21077406,"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":["blazor","loading","spinner"],"created_at":"2024-12-09T10:15:10.613Z","updated_at":"2025-10-26T20:33:21.184Z","avatar_url":"https://github.com/dahln.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![.NET CI/CD Nuget](https://github.com/shadowlings/BlazorSpinner/actions/workflows/dotnet-nuget.yml/badge.svg)](https://github.com/shadowlings/BlazorSpinner/actions/workflows/dotnet-nuget.yml)\n[![Azure Static Web Apps CI/CD](https://github.com/shadowlings/BlazorSpinner/actions/workflows/azure-static-web-apps-red-bay-06d0ccf10.yml/badge.svg)](https://github.com/shadowlings/BlazorSpinner/actions/workflows/azure-static-web-apps-red-bay-06d0ccf10.yml)\n\n# BlazorSpinner\n\nBlazorSpinner is a loading spinner that can be included in Blazor applications. It has a simple service that can be called to \"show\" or \"hide\" the spinner.\n\n# Demo\n\nDemo link: https://red-bay-06d0ccf10.1.azurestaticapps.net\n\nThis is a screen shot of the spinner \n![Screen Shot](https://raw.githubusercontent.com/dahln/BlazorSpinner/master/BlazorSpinnerScreenShot.png)\n\n# Basic Setup\nReview the demo project for details on how to implement the spinner.\n\n1. Install the library from Nuget: https://www.nuget.org/packages/BlazorSpinner/\n2. Add \"```@using BlazorSpinner```\" in your _Imports.razor\n3. Add \"```builder.Services.AddScoped\u003cSpinnerService\u003e();```\" in your Program.cs file\n4. Add \"```\u003cSpinner\u003e\u003c/Spinner\u003e```\" to your MainLayout.razor file\n5. On any page you want to call the spinner from, inject the SpinnerService into it: ```@inject BlazorSpinner.SpinnerService _spinnerService```\n6. Call ```_spinnerService.Show()``` or ```_spinnerService.Hide()``` to \"Show\" or \"Hide\" the spinner.\n  \nCall the spinner on any long-running calls or processes (such as API calls).\n\n# Customizing Loading Icon\nYou can use your own SVG for the loading icon, instead of the default spinner. \n1. Copy your SVG file into the 'wwwroot' of your application. \n2. In the MainLayout.razor, set the 'Type' parameter to 'SpinnerType.Icon' for the Spinner component.\n3. In the MainLayout.razor, set the 'Icon' parameter to the path to your SVG file.\n4. Example: \n    ```\n    \u003cSpinner Type=\"@SpinnerType.Icon\" Icon=\"loading.svg\"\u003e\u003c/Spinner\u003e\n    ```\n\n\n# Customizing Loading Text\nYou can use your own SVG for the loading icon, instead of the default spinner. \n1. In the MainLayout.razor, set the 'Type' parameter to 'SpinnerType.Text' for the Spinner component.\n3. In the MainLayout.razor, set the 'Text' parameter to the text you want\n4. Example: \n    ```\n    \u003cSpinner Type=\"@SpinnerType.Text\" Text=\"Processing...\"\"\u003e\u003c/Spinner\u003e\n    ```\n# v2 =\u003e v3 Breaking Changes\nThe 'Loading' component and service have been merged with the 'Spinner' componet and service. Applications that have previously used the 'Loading' component and service need to be updated to use the 'Spinner' component and service. \n\n\n# Icon Source\n- https://loading.io/ \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdahln%2Fblazorspinner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdahln%2Fblazorspinner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdahln%2Fblazorspinner/lists"}