CarmeloCampos / classfix

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

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