Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

react-classset

0.0.2 • Public • Published

react-classset

classSet() is a neat utility for easily manipulating the DOM class string. This previously resided inside React as a utility, but is now pulled out and library-agnostic.

Here's a common scenario

var classString = 'message';
if (isImportant) {
  classString += ' message-important';
}
if (isRead) {
  classString += ' message-read';
}

This can quickly get tedious, as assigning class name strings can be hard to read and error-prone. classSet() solves this problem:

var classString = classSet({
  'message': true,
  'message-important': isImportant,
  'message-read': isRead
});

When using classSet(), pass an object with keys of the CSS class names you might or might not need. Truthy values will result in the key being a part of the resulting string.

Alternatively, you can also use it this way:

cx('a', 0, null, undefined, 'b'); // 'a 0 b', discards null values

No more hacky string concatenations!

install

npm i react-classset

Downloadsweekly downloads

697

version

0.0.2

license

Apache 2

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
Report a vulnerability