BemIt 2.2.0

There is a newer version of this package available.
See the version list below for details.
dotnet add package BemIt --version 2.2.0                
NuGet\Install-Package BemIt -Version 2.2.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="BemIt" Version="2.2.0" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BemIt --version 2.2.0                
#r "nuget: BemIt, 2.2.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 BemIt as a Cake Addin
#addin nuget:?package=BemIt&version=2.2.0

// Install BemIt as a Cake Tool
#tool nuget:?package=BemIt&version=2.2.0                

BemIt

A BEM(Block Element Modifier) classes generator.

BEM — is a methodology that helps you to create reusable components and code sharing in front‑end development.

Getting Started

Prerequisites

NET 6.0 or later

Installing

dotnet add package BemIt

Usage

using BemIt;

var card = new Block("card"); // card
var outlinedCard = card.Modifier("outlined"); // card--outlined
var cardTitle = card.Element("title"); // card__title
var largeCardTitle = cardTitle.Modifier("large"); // card__title--large
using BemIt;

enum Density
{
    Dense,
    Comfortable,
    Compact,
}

var outlined = true;
var isDisabled = true;
var density = Density.Dense;

var cardModifierBuilder = new Block("card")
    .CreateModifierBuilder()
    .Add(outlined)
    .Add("disabled", isDisabled)
    .Add(density)
    .AddClass("theme--light");

var cardClasses = cardModifierBuilder.Build();
// output: card card--outlined card--disabled card--density-dense theme--light
Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  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.
  • net6.0

    • No dependencies.
  • net7.0

    • No dependencies.
  • net8.0

    • No dependencies.

NuGet packages (2)

Showing the top 2 NuGet packages that depend on BemIt:

Package Downloads
Masa.Blazor

Blazor UI component library based on Material Design

BlazorComponent

BlazorComponent

GitHub repositories (1)

Showing the top 1 popular GitHub repositories that depend on BemIt:

Repository Stars
masastack/MASA.Blazor
Blazor UI component library based on Material Design. Support Blazor Server, Blazor WebAssembly and MAUI Blazor.
Version Downloads Last updated
2.3.0 83 11/19/2024
2.2.0 4,735 5/29/2024
2.1.1 114 5/27/2024
2.0.0 105 5/18/2024
1.2.2 4,138 4/11/2024
1.2.1 635 2/21/2024
1.2.0 105 2/21/2024
1.1.2 2,950 1/9/2024
1.1.1 9,100 8/4/2023
1.1.0 172 8/4/2023
1.0.0 178 8/3/2023