>_jannbar

Merging Tailwind Classes

shadcn-ui contains a nifty utility function to conditionally merge Tailwind classes.

Note: Install clsx and tailwind-merge to use this.

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

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

– Jannik

Inspired by Flexoki from Steph Ango and Ben Borgers personal page.