Clarity Design + Blazor

This is a experimental demo using .NET Blazor and the Clarity Design System. This demo app demonstrates how to build a Web UI using Clarity Design and C# compiled to Web Assembly.

Live Demo

Getting Started

1. Install .NET SDK
2. Install NodeJS
3. Run npm install in root of repo
4. Run npm start

Generated type and custom event meta data for Blazor is created with the custom-element-types project. See generated data in wwwroot/event-handlers.js and EventHandlers.cs.

Note: currently Blazor only can listen to events that bubble. Custom Events however by default do not bubble. As a workaround, set your Web Component Custom Events to bubble or see the workaround in wwwroot/event-handlers.js.