tailwind-merge
v2.5.0-dev.0ba31f3c3d64f1f4c334d97ec569d6a2ece5c759 tailwindcss tailwind css classes className classList merge conflict override and 1 more...
tailwind-merge
Utility function to efficiently merge Tailwind CSS classes in JS without style conflicts.
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.4 (if you use Tailwind v2, use tailwind-merge v0.9.0)
- Works in all modern browsers and maintained Node versions
- Fully typed
- Check bundle size on Bundlephobia
Get started
npm i tailwind-merge@2.5.0-dev.0ba31f3c3d64f1f4c334d97ec569d6a2ece5c759
Metadata
- MIT
- Whatever
- Dany Castillo
- released 8/11/2024