css1/5/2026

cn() utility function

Merge Tailwind classes đúng cách với clsx + tailwind-merge.

utils.ts

import { clsx, type ClassValue } from 'clsx';
import { twMerge } from 'tailwind-merge';

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs));
}

// Usage:
cn('px-4 py-2', isActive && 'bg-blue-500', className)