TailwindMerge.NET 0.2.0-rc

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher.
This is a prerelease version of TailwindMerge.NET.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package TailwindMerge.NET --version 0.2.0-rc                

                    
                

            
NuGet\Install-Package TailwindMerge.NET -Version 0.2.0-rc
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="TailwindMerge.NET" Version="0.2.0-rc" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add TailwindMerge.NET --version 0.2.0-rc                

                    
                

            
#r "nuget: TailwindMerge.NET, 0.2.0-rc"
#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 TailwindMerge.NET as a Cake Addin
#addin nuget:?package=TailwindMerge.NET&version=0.2.0-rc&prerelease

// Install TailwindMerge.NET as a Cake Tool
#tool nuget:?package=TailwindMerge.NET&version=0.2.0-rc&prerelease

<div align="center"> <br /> <a href="https://github.com/desmondinho/tailwind-merge-dotnet"> <img src="https://raw.githubusercontent.com/desmondinho/tailwind-merge-dotnet/HEAD/assets/logo.svg" alt="tailwind-merge-dotnet" height="150px" /> </a> </div>

tailwind-merge-dotnet

A utility to efficiently merge Tailwind CSS classes in C# without style conflicts.

  • Supports Tailwind v3.4
  • Thread-safe LRU caching

Prerequisites

.NET SDK Support
.NET 8 ✔️

Usage

Register the service in the DI container:

// Program.cs

using TailwindMerge.Extensions;

var builder = WebApplication.CreateBuilder( args );

// Add TailwindMerge to the container
builder.Services.AddTailwindMerge();

Inject the service into component using one of the following approaches:

@* Page.razor *@

@inject TwMerge TwMerge

@TwMerge.Merge("px-2 py-1 bg-red hover:bg-dark-red", "p-3 bg-[#B91C1C]")
@* → "hover:bg-dark-red p-3 bg-[#B91C1C]" *@

// Page.razor.cs

[Inject] private TwMerge TwMerge {get; set; } = default!;

TwMerge.Merge("px-2 py-1 bg-red hover:bg-dark-red", "p-3 bg-[#B91C1C]")
// → "hover:bg-dark-red p-3 bg-[#B91C1C]"

Contributing

Contributions are always welcome!

See CONTRIBUTING.md for ways to get started. Please adhere to this project's CODE_OF_CONDUCT.

Acknowledgements 🙏

This project is a C# adaptation of tailwind-merge originally developed by dcastil.

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 TailwindMerge.NET:

Package Downloads
LumexUI

🚀 A versatile Blazor UI library built using Tailwind CSS.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.3.0 1,397 7/2/2024
0.2.0-rc 118 6/11/2024
0.1.0-rc 222 5/11/2024