Neurotic Pink Mongooses

    classname

    0.0.0 • Public • Published

    classname v.0.0.1

    Simple tool to build (and apply) classes. This is very much inspired by Jed Watson's classnames, but with added functionality and slight differences in interface.

    Install

    Npm: npm install classname

    Or just load classname.js in your browser, and call it directly.

    Documentation

    classname(1, 'one', false, 'two'); // '1 one two'
     
    classname({
        one: true,
        two: false,
        three: true
    });
    // 'one three'
     
    classname(['one', 'two'], {one: false, three: true});
    // 'two three'

    Objects always overwrite other types of parameters

    classname({one: false}, ['one', 'two']);
    // 'two'

    classname handles more than string, numbers, arrays, and objects though. You can give it elements, nodelists, or jQuery elements too.

    classname(document.querySelectorAll('.foo'), 'bar');
    // 'foo bar' (assuming that the found elements do not have other class names as well)

    classname can also set the class to the element for you. Use .setTo():

    var el = document.getElementById('foo');
     
    classname.setTo(el)('one', 'two');
     
    el.className; // 'one two'

    Keywords

    Install

    npm i classname

    DownloadsWeekly Downloads

    3,372

    Version

    0.0.0

    License

    ISC

    Last publish

    Collaborators

    • casperin