CSS Isolation in Blazor Components

This article has great examples of using the CSS Isolation feature in on Blazor components. Being able to package up CSS closer to the actual component definitely makes it easier to layout your component the way you want without a huge css file in your project. It also helps with reuse because the CSS for a particular component can be copied with that component.

And with .NET 6, the CSS isolation and usage from a NuGet package or a reference library project is even simpler to use.