About Cn function / cn()

Answered

West African Lion posted this in #help-forum

West African LionOP

2025-02-09T04:28:48.830Z

Quick question. Where should I import cn function from?

Answered by B33fb0n3

normally it should be automatically installed after you installed tailwind or shadcn and placed inside your utils.ts in your /lib folder. If you dont have it:

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

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

View full answer

6 Replies

@West African Lion Quick question. Where should I import cn function from?

B33fb0n3

2025-02-09T07:44:57.774Z

normally it should be automatically installed after you installed tailwind or shadcn and placed inside your utils.ts in your /lib folder. If you dont have it:

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

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