Merges class names with Tailwind CSS conflict resolution.
Class values to merge (strings, arrays, objects)
A merged class string with conflicts resolved
Combines clsx for conditional classes with tailwind-merge to properly handle Tailwind CSS class conflicts.
cn("px-2 py-1", "px-4")// Returns: "py-1 px-4" (px-4 overrides px-2)cn("text-red-500", isActive && "text-blue-500")// Conditionally applies classes Copy
cn("px-2 py-1", "px-4")// Returns: "py-1 px-4" (px-4 overrides px-2)cn("text-red-500", isActive && "text-blue-500")// Conditionally applies classes
Merges class names with Tailwind CSS conflict resolution.