Skip to content
GitHub no longer supports this web browser. Learn more about the browsers we support.
CSS in Blazor Components
C# HTML CSS
Branch: master
Clone or download
Latest commit 5fee78e Feb 2, 2020
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs v1.2.0 Feb 2, 2020
src v1.2.0 Feb 2, 2020
.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.