dcx
v1.1.0
Published
Simple class name manager for DOM elements.
Downloads
13
Readme
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