Installation

📌 Install dependencies

pnpm i @headlessui/react

📌 Add util file

lib/utils.ts


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

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

Add the following code in tailwind.config.js file


const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      // Add your custom configurations here
    },
  },
  plugins: [],
};

Happiness lies not in the mere possession of money; it lies in the joy of achievement, in the thrill of creative effort.

Suman Sharma

CEO @whysumancode.com