1
Install the tailwind merge package
yarn add tailwind-merge
# OR
npm install tailwind-merge
2
Create a utility function to accept multiple classnames and merge them
import { twMerge } from 'tailwind-merge';
const classNames = (...classes: string[]) => { return twMerge(classes.filter(Boolean).join(' '));};
export default classNames;
3
Use it in a component
See how it is can be used in the Gradient text snippet