Utilities to parse and create tailwind classnames
yarn add tailwind-utils
or
npm install tailwind-utils
API choice 1:
import createUtils from 'tailwind-utils';
import config from './tailwind.config.js';
const { parse, classname } = createUtils(config);
const definition = parse('md:w-48');
// { responsiveModifier: 'md', prefix: 'w', property: 'width', value: '12rem' }
const className = classname({
pseudoModifier: 'hover',
property: 'backgroundColor',
value: 'fecaca80'
});
// hover:bg-red-200/50
⭐ this repo
MIT © siddharthkp