Class List Builder
🏗 A simpler class list builder
Use
// -> 'Build class lists without fear'
Why
Jed Watson's classnames
library is pretty much the industry standard for building a list of class names. Definitely check that out if you haven't already.
This library serves as an alternative with a simpler API for conditional classes. Instead of building dynamic keys on passed objects, you can use a simple &&
binary to pass the class if the condition is true
.
Install
npm install class-list-builder# or yarn add class-list-builder
API
Import or require the default function exported from class-list-builder
, then call and pass the desired class names as arguments:
// -> 'one 2 three 4'
Arguments at evaluate to false
are removed from the output:
// -> 'one three'
This means you can use conditions in the passed arguments to selectively add classes:
let time = 1 // -> 'book' time = 0 // -> 'book --due'
Examples
React
import React from 'react'import classListBuilder from 'class-list-builder' { const isOn toggle = // A basic custom hook return <button = = > ToggleButton </button> }