Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

bem-modifiers

m8ms31MIT1.1.0

cx-like utility for creating bem modifier classes

react, css, classes, classname, classnames, util, utility, bem

readme

bemcx

Simple utility inspired by classnames that glues bem classes with --modifiers.

Basic usage:

bemCx('some-block__some-element', modifiers, otherClasses);

...where modifiers & otherClasses can be:

  • string
  • array of strings
  • cx-style map of booleans: {modifier: condition, modifier2: condition}

See tests for use cases.

Example:

bemCx('block__lem', ['modifier-a', {'modifier-B': true}], 'other-class')
//will result in:
//'block_lem block_lem--modifier-a block_lem--modifier-B other-class'