@arco-tech/bem v0.1.0

bem.js

BEM helpers for JavaScript

Resources

• BEM
• NPM Package

Install

npm i @arco-tech/bem

or

yarm i @arco-tech/bem

Example Usage

import { blk, mods, sblk, smods } from "@arco-tech/bem"

blk("input", "key-icon", "blue")
// "input input--key-icon input--blue"

const active = true
blk("checkbox", active && "active")
// "checkbox checkbox--active"

blk("button", ["green", "wide", ["disabled"]])
// "button button--green button--wide button--disabled"


mods("card", "rounded", "shadow")
// "card--rounded card--shadow"

const disabled = false
mods("toggle", ["red", disabled && "disabled"])
// "toggle--red"


sblk("input", "dark", "narrow")
// ".input.input--dark.input--narrow"

const disabled = true
sblk("button", "add-icon", disabled && "disabled")
// ".button.button--add-icon.button--disabled"


smods("container", "align-center", "large-margin")
// ".container--align-center.container--large-margin"