tailwind-merge

Merge Tailwind CSS classes without style conflicts

TailwindCSSClassName
dcastil/tailwind-mergetailwind-merge

README


tailwind-merge

tailwind-merge


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

  1. ```ts
  2. import { twMerge } from 'tailwind-merge'

  4. twMerge('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]')
  5. // → 'hover:bg-dark-red p-3 bg-[#B91C1C]'
  6. ```

-   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

Get started


-   What is it for
-   When and how to use it
-   Features
-   Configuration
-   Recipes
-   API reference
-   Writing plugins
-   Versioning
-   Contributing
-   Similar packages