Skip to content
CSS in Blazor Components
C# HTML CSS
Branch: master
Clone or download
Latest commit 2a9f02a Sep 16, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs rc1 Sep 17, 2019
src rc1 Sep 17, 2019
.gitattributes Add .gitignore and .gitattributes. May 22, 2019
.gitignore #30 Aug 12, 2019
BlazorStyled.sln Themes! Sep 3, 2019
LICENSE Initial commit May 22, 2019
readme.md #36 documentation Aug 13, 2019

readme.md

BlazorStyled

CSS in Blazor Components

Docs

View the detailed docs at https://blazorstyled.io.

Install

NuGet Pre Release

Why BlazorStyled?

  • Maintain your css inside your component instead of a seperate file
  • Eliminate all collisions - no need to use !important
  • No need to worry about depoying css files - great for libraries
  • css are C# strings - use variables instead of solutions like sass

Insperation

Short Example

<Styled @bind-Classname="@hover">
    label: hover-example;
    padding: 32px;
    background-color: hotpink;
    font-size: 24px;
    border-radius: 4px;
</Styled>

<Styled Classname="@hover" PseudoClass="PseudoClasses.Hover">
    color: @color;
</Styled>

<div class="@hover">
    Hover to change color.
</div>

@code {
    private string hover;
    private string color = "white";
}

See more in the docs at https://chanan.github.io/BlazorStyled/.

You can’t perform that action at this time.