{"id":13466430,"url":"https://github.com/WildGums/Blorc.PatternFly","last_synced_at":"2025-03-25T21:32:20.344Z","repository":{"id":34910046,"uuid":"188406292","full_name":"WildGums/Blorc.PatternFly","owner":"WildGums","description":"Blazor wrappers for PatternFly (see https://www.patternfly.org/)","archived":true,"fork":false,"pushed_at":"2023-01-12T08:08:10.000Z","size":165955,"stargazers_count":29,"open_issues_count":0,"forks_count":5,"subscribers_count":11,"default_branch":"develop","last_synced_at":"2024-10-29T12:39:06.458Z","etag":null,"topics":["blazor","patternfly"],"latest_commit_sha":null,"homepage":"","language":"C#","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/WildGums.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":"WildGums-oss","ko_fi":null,"tidelift":null,"custom":null}},"created_at":"2019-05-24T10:56:04.000Z","updated_at":"2023-05-13T20:18:13.000Z","dependencies_parsed_at":"2023-01-15T10:15:39.093Z","dependency_job_id":null,"html_url":"https://github.com/WildGums/Blorc.PatternFly","commit_stats":null,"previous_names":["wildgums/blazorc.patternfly"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WildGums%2FBlorc.PatternFly","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WildGums%2FBlorc.PatternFly/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WildGums%2FBlorc.PatternFly/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WildGums%2FBlorc.PatternFly/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WildGums","download_url":"https://codeload.github.com/WildGums/Blorc.PatternFly/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245294718,"owners_count":20591909,"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","patternfly"],"created_at":"2024-07-31T15:00:44.112Z","updated_at":"2025-03-25T21:32:15.953Z","avatar_url":"https://github.com/WildGums.png","language":"C#","funding_links":["https://opencollective.com/WildGums-oss"],"categories":["Libraries \u0026 Extensions"],"sub_categories":["Components","2D/3D Rendering engines"],"readme":"# Blorc.PatternFly\n\nBlazor wrappers for [PatternFly](https://www.patternfly.org/).\n\nTo view the latest *develop* branch in action, visit the GitHub pages: http://blorc-patternfly.wildgums.com/\n\nThe ultimate goal of this library is to wrap all PatternFly components and making them available as Blazor components.\n\n![](design/image.png)\n\n## Components\n\n### Done\n\n- About modal\n- Accordion\n- Alert\n- Application launcher\n- Avatar\n- Background image\n- Badge\n- Brand\n- Breadcrumb\n- Button\n- Card\n- Checkbox\n- Chip group\n- Clipboard copy\n- Dropdown\n- Empty state\n- Expandable\n- FormSelect\n- Input group\n- Label\n- List\n- Modal\n- Nav\n- Page\n- Pagination\n- Progress\n- Radio\n- Select\n- Table\n- Tabs\n- Text\n- Text area\n- Text input\n- Title\n- Tooltip\n\n### Todo\n\n- Context selector\n- Data list\n- Form\n- Login page\n- Options menu\n- Popover\n- Skip to content\n- Switch\n- Wizard\n\n## Layouts\n\n### Done\n\n- Bullseyes\n- Flex\n- Gallery\n- Grid\n- Level\n- Split\n- Stack\n\n### Todo\n\n- Toolbar\n\n## Examples\n\n- Live Demo: http://blorc-patternfly.wildgums.com/\n- Quick Start: https://github.com/alexfdezsauco/Blorc.PatternFly.QuickStart\n\n### Summary of quick start steps\n\n1) Create a new Blazor app with Blazor WebAssembly experience\n2) Update `wwwroot/index.html` file.\n\n        \u003c!DOCTYPE html\u003e\n        \u003chtml\u003e\n            \u003chead\u003e\n                \u003cmeta charset=\"utf-8\" /\u003e\n                \u003cmeta name=\"viewport\" content=\"width=device-width\" /\u003e\n                \u003ctitle\u003eBlorc.PatternFly.QuickStart\u003c/title\u003e\n                \u003cbase href=\"/\" /\u003e\n                \u003cscript src=\"_content/Blorc.Core/injector.js\"\u003e\u003c/script\u003e\n                \u003clink href=\"css/site.css\" rel=\"stylesheet\" /\u003e\n            \u003c/head\u003e\n            \u003cbody\u003e\n                \u003capp\u003eLoading...\u003c/app\u003e\n                \u003cscript src=\"_framework/blazor.webassembly.js\"\u003e\u003c/script\u003e\n            \u003c/body\u003e\n        \u003c/html\u003e\n\n3) Update `Program.cs` file.\n\n        namespace Blorc.PatternFly.QuickStart\n        {\n            using System;\n            using System.Net.Http;\n            using System.Threading.Tasks;\n\n            using Blorc.PatternFly.Services.Extensions;\n            using Blorc.Services;\n\n            using Microsoft.AspNetCore.Components.WebAssembly.Hosting;\n            using Microsoft.Extensions.DependencyInjection;\n\n            public class Program\n            {\n                public static async Task Main(string[] args)\n                {\n                    var builder = WebAssemblyHostBuilder.CreateDefault(args);\n\n                    builder.RootComponents.Add\u003cApp\u003e(\"app\");\n\n                    builder.Services.AddBlorcCore();\n                    builder.Services.AddBlorcPatternFly();\n                    \n                    builder.Services.AddTransient(sp =\u003e new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });\n\n                    await builder.Build().MapComponentServices(options =\u003e options.MapBlorcPatternFly()).RunAsync();\n                }\n            }\n        }\n\n4) Update `App.razor` file.\n\n        @using Blorc.PatternFly.Services.Extensions\n        @using Blorc.Services\n\n        @inherits Blorc.Components.BlorcApplicationBase\n\n        @if (Initialized)\n        {\n            \u003cRouter AppAssembly=\"@typeof(Program).Assembly\"\u003e\n                \u003cFound Context=\"routeData\"\u003e\n                    \u003cRouteView RouteData=\"@routeData\" DefaultLayout=\"@typeof(MainLayout)\" /\u003e\n                \u003c/Found\u003e\n                \u003cNotFound\u003e\n                    \u003cLayoutView Layout=\"@typeof(MainLayout)\"\u003e\n                        \u003cp\u003eSorry, there's nothing at this address.\u003c/p\u003e\n                    \u003c/LayoutView\u003e\n                \u003c/NotFound\u003e\n            \u003c/Router\u003e\n        }\n\n        @code\n        {\n            protected override async Task OnConfiguringDocumentAsync(IDocumentService documentService)\n            {\n                await documentService.InjectBlorcPatternFly();\n            }\n        }\n\n5) Update `Shared\\MainLayout.razor` file.\n\n        @using Blorc.PatternFly.Layouts\n        @using Blorc.PatternFly.Components.Page\n        @using Blorc.PatternFly.Components.Button\n\n        @inherits Blorc.Components.BlorcLayoutComponentBase\n\n        \u003cPage\u003e\n            \u003cLogoContent\u003e\n                Blorc.PatternFly.QuickStart\n            \u003c/LogoContent\u003e\n            \u003cToolbarContent\u003e\n                \u003cButton Component=\"a\" Variant=\"ButtonVariant.Primary\" Href=\"http://blazor.net\"\u003e\n                    About\n                \u003c/Button\u003e\n            \u003c/ToolbarContent\u003e\n            \u003cSidebarContent\u003e\n                \u003cNavMenu /\u003e\n            \u003c/SidebarContent\u003e\n            \u003cMainContent\u003e\n                @Body\n            \u003c/MainContent\u003e\n        \u003c/Page\u003e\n        \n6) Start using PatternFly components. For instance in the `Shared\\NavMenu.razor`.\n\n        @using Blorc.PatternFly.Components.Navigation\n        @using Blorc.PatternFly.Components.Icon\n        @using Blorc.PatternFly.Layouts.Split\n\n        \u003cNavigation\u003e\n            \u003cItems\u003e\n                \u003cNavigationItem Link=\"/\"\u003e\n                    \u003cSplit IsGutter=\"true\"\u003e\n                        \u003cSplitItem\u003e\u003cHomeIcon /\u003e\u003c/SplitItem\u003e\n                        \u003cSplitItem\u003eHome\u003c/SplitItem\u003e\n                    \u003c/Split\u003e\n                \u003c/NavigationItem\u003e\n                \u003cNavigationItem Link=\"/counter\"\u003e\n                    \u003cSplit IsGutter=\"true\"\u003e\n                        \u003cSplitItem\u003e\u003cPlusIcon /\u003e\u003c/SplitItem\u003e\n                        \u003cSplitItem\u003eCounter\u003c/SplitItem\u003e\n                    \u003c/Split\u003e\n                \u003c/NavigationItem\u003e\n                \u003cNavigationItem Link=\"/fetchdata\"\u003e\n                    \u003cSplit IsGutter=\"true\"\u003e\n                        \u003cSplitItem\u003e\u003cListIcon /\u003e\u003c/SplitItem\u003e\n                        \u003cSplitItem\u003eFetch data\u003c/SplitItem\u003e\n                    \u003c/Split\u003e\n                \u003c/NavigationItem\u003e\n            \u003c/Items\u003e\n        \u003c/Navigation\u003e\n\n\n## Contributing\n\nIf you would like support for any new component, you can get in touch by:\n\n- Creating tickets.\n- Contributing by pull requests.\n- Contributing via Open Collective.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWildGums%2FBlorc.PatternFly","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FWildGums%2FBlorc.PatternFly","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWildGums%2FBlorc.PatternFly/lists"}