bem-helper
Helper functions to create BEM-style classnames
Install
npm install @dr/bem-helper
Usage
var bem = ; var className = ;// className === "element block__element element--modifier block__element--modifier"// ^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^// _____/ _____________________/// / /// bem.scoped -> "block__element block__element--modifier"// ^^^^^^^^^^^^^^^^^^^^^^^^// ___________/// /// bem.single -> "block__element--modifier" API
bem
A function that creates all applicable combinations of classnames for an element in BEM-style.
Arguments
block(string) - The block element for the classname....args(string|object) - Optional. Any number of the following arguments are allowed:element(string) - Optional.modifier(object) - Optional. Keys are used for modifier names. Values determine whether to turn the modifier off (false,"",nullorundefined) or on - either throughtrueor a value which will be appended to the modifier name;{modifier: true}->"--modifier",{modifier: "value"}->"--modifier-value". Should not follow a previous modifier argument.
Examples
Basic
var className = ;// className === "element block__element" Elements with modifiers
var className = ;// className === "element block__element element--modifier block__element--modifier" Modifiers with values
var className = ;// className === "element block__element element--modifier-value block__element--modifier-value" Prebinding helpers
var boundBem = bem; var className = ;// className === "element block__element element--modifier block__element--modifier" bem.scoped
Same as bem - but it returns a fully scoped classname.
Examples
Basic
var className = bem;// className === "block__element" Elements with modifiers
var className = bem;// className === "block block--modifier" Modifiers with values
var className = bem;// className === "block__element block__element--modifier-value" Prebinding helpers
var boundScoped = bemscoped; var className = ;// className === "block__element block__element--modifier" bem.single
Same as bem - but it only returns a single classname.
Examples
Basic
var className = bem;// className === "block__element" Elements with modifiers
var className = bem;// className === "block__element--modifier" Modifiers with values
var className = bem;// className === "block__element--modifier-value" Prebinding helpers
var boundSingle = bemsingle; var className = ;// className === "block__element--modifier" 
