Skip to content

ui-devtools/tailwind-utils

Repository files navigation



Utilities to parse and create tailwind classnames

 

Installation

yarn add tailwind-utils

or

npm install tailwind-utils

 

Usage

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

 

like it?

⭐ this repo

 

license

MIT © siddharthkp

About

Utilities to parse and create tailwindcss classes

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

close