Shelf/bem

Wrapper around BEM for CSS

Install

$ yarn add @shelf/bem

Usage

import {createBlock} from '@shelf/bem'

const b = createBlock('nav-item');

function NavLink({isActive, href, icon, name}) {
  return <li className={b({active: isActive})}> // .nav-item .nav-item--active
        <Icon icon={icon} className={b('icon')} /> // .nav-link__icon
        <a href={href} className={b('link')}>{name}</a> // .nav-item__link
    </li>
}

Publish

$ git checkout master
$ yarn version
$ yarn publish
$ git push origin master --tags

License

MIT © Shelf