{"id":13807684,"url":"https://github.com/Append-IT/Blazor.Sidepanel","last_synced_at":"2025-05-14T00:31:54.245Z","repository":{"id":37005403,"uuid":"422863886","full_name":"Append-IT/Blazor.Sidepanel","owner":"Append-IT","description":"Sidepanel for Microsoft Blazor","archived":false,"fork":false,"pushed_at":"2024-01-25T10:33:08.000Z","size":2831,"stargazers_count":44,"open_issues_count":2,"forks_count":12,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-18T23:53:29.754Z","etag":null,"topics":["aspnet","blazor","sidepanel"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Append-IT.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":"2021-10-30T11:36:31.000Z","updated_at":"2024-11-16T14:31:32.000Z","dependencies_parsed_at":"2024-01-25T11:12:52.458Z","dependency_job_id":"c2fb2f5e-422e-4fb8-b8db-508e80bf23bd","html_url":"https://github.com/Append-IT/Blazor.Sidepanel","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Append-IT%2FBlazor.Sidepanel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Append-IT%2FBlazor.Sidepanel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Append-IT%2FBlazor.Sidepanel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Append-IT%2FBlazor.Sidepanel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Append-IT","download_url":"https://codeload.github.com/Append-IT/Blazor.Sidepanel/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254046365,"owners_count":22005577,"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":["aspnet","blazor","sidepanel"],"created_at":"2024-08-04T01:01:28.842Z","updated_at":"2025-05-14T00:31:49.228Z","avatar_url":"https://github.com/Append-IT.png","language":"C#","funding_links":[],"categories":["Libraries \u0026 Extensions"],"sub_categories":["2D/3D Rendering engines"],"readme":"# Sidepanel\n\n[![Package Version](https://img.shields.io/nuget/v/Append.Blazor.Sidepanel.svg)](https://www.nuget.org/packages/Append.Blazor.Sidepanel)\n[![NuGet Downloads](https://img.shields.io/nuget/dt/Append.Blazor.Sidepanel.svg)](https://www.nuget.org/packages/Append.Blazor.Sidepanel)\n[![License](https://img.shields.io/github/license/Append-IT/Blazor.Sidepanel.svg)](https://github.com/Append-IT/Blazor.Sidepanel/blob/main/LICENSE)\n\n## Preview\n![](docs/wwwroot/intro.gif)\n\n## Installation\n\n```\nInstall-Package Append.Blazor.Sidepanel\n```\n\n## Demo\nThere is a sample application in /docs folder which is also hosted as [documentation](https://blazor-sidepanel.append.be). \n\n## Usage\n\n### Add `ISidepanelService` via DI in `Program.cs`\n```csharp\nbuilder.Services.AddSidepanel();\n```\n\n### Add to `_Imports.razor`\n```cs\n@using Append.Blazor.Sidepanel\n```\n\n### Add to `MainLayout.razor`\n```cs\n\u003cSidepanel/\u003e\n```\n\n### Inject into component/pages\n```cs\n@inject ISidepanelService Sidepanel\n```\n\n### Opening and Closing\n#### Basic\n```csharp\nSidepanel.Open\u003cCounter\u003e(\"Counter\", \"example\");\nSidepanel.Close();\n```\n\n### With component\n```razor\n\u003cSidepanelComponent Title=\"Your Title\" SubTitle=\"Optional Subtitle\" @ref=\"sidepanel\"\u003e\n    \u003cdiv\u003eSome inner content\u003c/div\u003e\n\u003c/SidepanelComponent\u003e\n\n@code\n{\n    private SidepanelComponent sidepanel;\n    private void Open()\n    {\n        sidepanel.Open();\n    }\n\n    private void Close()\n    {\n        sidepanel.Close();\n    }\n}\n```\n\n#### Advanced with 1 parameter\n\u003e The parameter has to be set in the Counter component\n\n```cs\nprivate int increaseBy = 10;\nprivate void OpenCounterWithParameter()\n{\n    Sidepanel.Open\u003cCounter\u003e(\"Counter\", \"example\", (nameof(increaseBy),increaseBy));\n}\n```\n\n#### Advanced with multiple parameters\n\u003e The parameters have to be set in the Counter component\n```cs\nprivate void OpenCounterWithParameters()\n{\n    var parameters = new Dictionary\u003cstring, object\u003e { \n        { (nameof(increaseBy)), increaseBy },\n        { (nameof(initialValue)), initialValue}\n    };\n    Sidepanel.Open\u003cCounter\u003e(\"Counter\",\"Example\",parameters);\n}\n```\n\n#### Override styling\nIn App.css\n```css\n#sidepanel.is-open {\n    width: 80%;\n}\n\n@@media (min-width: 768px) {\n    #sidepanel.is-open {\n        width: 50%;\n    }\n}\n```\n\n\n# Contributions and feedback\n\nPlease feel free to use the component, open issues, fix bugs or provide feedback.\n\n# Contributors\n\nThis project is created and maintained by:\n\n- [Benjamin Vertonghen](https://github.com/vertonghenb)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAppend-IT%2FBlazor.Sidepanel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAppend-IT%2FBlazor.Sidepanel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAppend-IT%2FBlazor.Sidepanel/lists"}