Wondering what’s next for npm?Check out our public roadmap! »

    easy-bem
    TypeScript icon, indicating that this package has built-in type declarations

    1.1.1 • Public • Published

    Easy BEM class name generator

    Simple and fast BEM class names generator.

    NPM

    Fork of bem-cn-fast that uses another delimiters (personally I like them more):

    • The element name is separated from the block name by a double underscore (__)
    • The modifier name is separated from the block or element name by a double dash (--)
    • The modifier value is separated from the modifier name by a single underscore (_)

    Install

    npm install --save easy-bem
    yarn add easy-bem

    Usage

    import bem from 'easy-bem';
    const b = bem('block');
    
    b(); // -> 'block'
    b('element'); // -> 'block__element'
    b({ mod1: true, mod2: 'some-value' }); // -> 'block--mod1 block--mod2_some-value'
    b('element', { mod1: true }); // -> 'block__element--mod1'

    Keywords

    Install

    npm i easy-bem

    DownloadsWeekly Downloads

    34,764

    Version

    1.1.1

    License

    MIT

    Unpacked Size

    3.34 kB

    Total Files

    4

    Last publish

    Collaborators

    • avatar