classFix

Utility designed to facilitate the manipulation and management of class names in React environments.

Installation

Install classfix with npm

npm install classfix

Usage Valid

import classFix from "classfix";

function App() {
  return (
    <Component className={classFix(["text-md", "xl:text-md", "2xl:text-xl"])} />
  );
}

Usage Invalid

import classFix from "classfix";

function App() {
  return (
    <Component className={classFix(["class1", "class with space", "class3"])} />
  );
}

Screenshots

Using Tailwind CSS IntelliSense

The main use has been with React and also with Tailwind.

We recommend the use of the extension Tailwind CSS IntelliSense

License

MIT