DataJuggler.BlazorStyled 9.0.0

.NET 9.0 This package targets .NET 9.0. The package is compatible with this framework or higher. 
dotnet add package DataJuggler.BlazorStyled --version 9.0.0                

                    
                

            
NuGet\Install-Package DataJuggler.BlazorStyled -Version 9.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="DataJuggler.BlazorStyled" Version="9.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add DataJuggler.BlazorStyled --version 9.0.0                

                    
                

            
#r "nuget: DataJuggler.BlazorStyled, 9.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install DataJuggler.BlazorStyled as a Cake Addin
#addin nuget:?package=DataJuggler.BlazorStyled&version=9.0.0

// Install DataJuggler.BlazorStyled as a Cake Tool
#tool nuget:?package=DataJuggler.BlazorStyled&version=9.0.0

#News

11.14.2024: This project has been updated to .NET 9.

DataJuggler.BlazorStyled

This project is a fork of BlazorStyled by Chanan. The only thing I did was updgrade the project for .NET 9, I updated all the referenced packages and remove the tests and other items and reduced the code down to just BlazorStyled.

BlazorStyled

CSS in Blazor Components

Docs

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

Install

dotnet add package DataJuggler.BlazorStyled --version 9.0.0

Leave off the version to install the latest.

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 deploying 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/.

Product Compatible and additional computed target framework versions.
.NET net9.0 is compatible. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on DataJuggler.BlazorStyled:

Package Downloads
DataJuggler.Blazor.Components

This project consists of an ImageButton, ProgressBar, Sprite, TextBoxComponent which can display as a TextBox, Multi-line TextBox or a CheckBox, a ComboBox, CheckedListComboBox, CheckedListBox, Grid, Label and a brand new Calendar Component. The CSS file DataJuggler.Blazor.Components.css contains many useful classes to help style and position objects. This version is for .Net 8.0.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
9.0.0 153 11/14/2024
8.0.0 2,990 4/17/2024

A fork of BlazorStyled by Chanan, upgraded to .NET 8, and components have been upgraded.