Merge Tailwind CSS classes without style conflicts


Keywords
tailwindcss, tailwind, css, classes, className, classList, merge, conflict, override, utility-classes
License
MIT
Install
npm install tailwind-merge@2.5.0-dev.0ba31f3c3d64f1f4c334d97ec569d6a2ece5c759

Documentation

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]'

Get started