Classcat

> Build a class attribute string quickly.

- Framework agnostic, reusable, plain vanilla JavaScript.
- Up to 2.5x faster than alternatives.
- 217 B (minified+gzipped). 👌

This module makes it easy to build a space-delimited class attribute string from an object or array of CSS class names. Just pair each class with a boolean value to add or remove them conditionally.

``js import cc from "classcat"

export const ToggleButton = ({ isOn, toggle }) => (

 toggle(!isOn)}>
          className={cc({
        circle: true,
        off: !isOn,
        on: isOn,
      })}
    />
    {isOn ? "ON" : "OFF"}


Try with React, lit-html, Mithril, Superfine
Installation

`console npm install classcat`

Or without a build step—import it right in your browser.

`html`

`API`

`$3`

`ps cc(names: string | number | object | array): string`

`js import cc from "classcat"

cc("elf") //=> "elf"

cc(["elf", "orc", "gnome"]) //=> "elf orc gnome"

cc({ elf: false, orc: null, gnome: undefined, }) //=> ""

cc({ elf: true, orc: false, gnome: true, }) //=> "elf gnome"

cc([ { elf: true, orc: false, }, "gnome", ]) //=> "elf gnome"`

`Benchmarks`

`console npm --prefix bench start``

License

MIT