TwMerge

TwMerge is a utility for merging Tailwind CSS class names, ensuring that conflicting classes are resolved in a predictable manner. It is particularly useful when dynamically generating class names in React or other frameworks.

import { twMerge } from "tailwind-merge";

const className = twMerge(
  "bg-blue-500 hover:bg-blue-600",
  "bg-red-500 hover:bg-red-600"
);
// className will be 'bg-red-500 hover:bg-red-600'

TwMerge ​

TwMerge