dcx
Simple class name manager for DOM elements, inspired by classnames 200 bytes gzipped.
Why would you use this? Good question. Sometimes managing DOM state outside of a framework like React get's messy. Usually a good example is managing sticky header navigation styles based on template, scroll position, etc. This makes that easier :) It's also a great compliment to frameworkless utilities like picoapp.
Install
npm i dcx --save
Usage
Bind an instance to a single DOM node:
import dcx from 'dcx'
const cx = dcx(document.getElementById('root'))
Then, dcx
implements essentially the same API as classnames:
cx('foo', {
'bar': true,
'baz': false,
}, 'qux')
document.getElementById('root').className // foo bar qux
License
MIT License © Eric Bailey