Function: cn()¶
cn(...
inputs):string
Defined in: lib/utils.ts:26
Combines multiple class names with smart merging of Tailwind utilities.
Handles conflicting Tailwind CSS utilities by removing duplicates and properly applying specificity. Useful for conditional styling.
Parameters¶
| Parameter | Type | Description |
|---|---|---|
...inputs |
ClassValue[] |
Class names, objects, or arrays to merge |
Returns¶
string
Merged and deduplicated class string
Example¶
cn("px-2", "px-4") // Returns 'px-4' (latest specificity wins)
cn("text-red-500", { "text-blue-500": isActive })