DataJuggler.BlazorStyled 8.0.0

.NET 8.0 
dotnet add package DataJuggler.BlazorStyled --version 8.0.0
NuGet\Install-Package DataJuggler.BlazorStyled -Version 8.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="8.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add DataJuggler.BlazorStyled --version 8.0.0
#r "nuget: DataJuggler.BlazorStyled, 8.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=8.0.0

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

DataJuggler.BlazorStyled

This project is a fork of BlazorStyled by Chanan. The only thing I did was updgrade the project for .NET8, update all the referenced packages and remove things down to just BlazorStyled. I am testing this project now for DataJuggler.Blazor.Components.

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 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 net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
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, ValidationComponent 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
8.0.0 293 4/17/2024

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