bemmy

Dependency-free utility to compose CSS classnames following the BEM convention.

Installation

npm install bemmy

Usage

Basic examples

import bemmy from 'bemmy';

const bem = bemmy('component');

bem(); // block
// -> 'component'

bem('content'); // block + element
// -> 'component__content'

bem(null, 'tall'); // block + modifier
// -> 'component component--tall'

bem('content', 'tall'); // block + element + modifier
// -> 'component__content component__content--tall'

bem('content', { tall: true, green: false }); // modifier object
// -> 'component__content component__content--tall

bem('content', ['tall']); // modifier array
// -> 'component__content component__content--tall'

bem(null, null, 'some-class', 'another-class'); // additional classes
// -> 'component some-class another-class'