IMPORTANT NOTE: this package is a fork in development and ALL of the documentation has not been updated yet

tailwind-merge

Utility function to efficiently merge Tailwind CSS classes in JS without style conflicts.

``ts import { twMerge } from "tailwind-merge";

twMerge("px-2 py-1 bg-red hover:bg-dark-red p-3 bg-[#B91C1C]"); // → 'hover:bg-dark-red p-3 bg-[#B91C1C]'``

- Supports Tailwind v3.0 up to v3.3 (if you use Tailwind v2, use tailwind-merge v0.9.0)
- Works in all modern browsers and Node >=12
- Fully typed
- Check bundle size on Bundlephobia

Utility function to efficiently merge Tailwind CSS classes in JS without style conflicts.

``ts import { twMerge } from "tailwind-merge";

twMerge("px-2 py-1 bg-red hover:bg-dark-red p-3 bg-[#B91C1C]"); // → 'hover:bg-dark-red p-3 bg-[#B91C1C]'``

- Supports Tailwind v3.0 up to v3.3 (if you use Tailwind v2, use tailwind-merge v0.9.0)
- Works in all modern browsers and Node >=12
- Fully typed
- Check bundle size on Bundlephobia