suit-class-name

A utility library for creating SUIT-style class names.

Installation

npm install suit-class-name

Usage

import suitClassName from 'suit-class-name'
 
suitClassName({
  namespace: 'ns',
  block: 'Button',
  element: 'label'
})
// "ns-Button-label"
 
suitClassName({
  block: 'Button',
  element: 'label',
  modifier: 'dark'
})
// "Button-label--dark"
 
suitClassName({
  block: 'Button',
  modifier: 'dark',
  state: {active: true},
  utils: ['cf']
})
// "Button--dark is-active util-cf"

See more examples in test/.