cn
cn(…
inputs):string
Defined in: packages/react/src/styles/utils.ts:19
Merges Tailwind CSS class names with conflict resolution.
Combines clsx (conditional classes) with tailwind-merge (deduplication
of conflicting Tailwind utilities). Use this wherever class names are
conditionally composed in component props.
Parameters
Section titled “Parameters”inputs
Section titled “inputs”…ClassValue[]
Class names, arrays, or conditional objects
Returns
Section titled “Returns”string
Merged, deduplicated class string
Example
Section titled “Example”cn("px-2 py-1", isActive && "bg-blue-500", className)