❤
npm
Sign UpSign In

class-name-x

0.1.0 • Public • Published

ClassName-X

Build a ClassName same as a simple object.

Installing

yarn add class-name-x # npm install class-name-x 

Usage

import ClassName from 'class-name-x'
 
...
 
render() {
  wrapClassName = new ClassName('default')
  if (Math.random() > .5) {
    wrapClassName.active = true
  }
  return (
    // className='default active' or className='default'
    <div className={wrapClassName}></div>
  )
}
ClassName = require('class-name-x');
 
let className;
 
className = new ClassName('default');
console.log(className.toString() === 'default');
 
className = new ClassName('default', 'active');
console.log(className.toString() === 'default active');
 
className = new ClassName('default');
className.active = true;
console.log(className.toString() === 'default active');
 
className = new ClassName(['default', 'active']);
console.log(className.toString() === 'default active');
 
className = new ClassName({ default: true, active: false });
console.log(className.toString() === 'default');
 
className = new ClassName({ default: true, active: false }, { default: false, active: true });
console.log(className.toString() === 'active');
 
className = new ClassName(['default', 'active'], { default: false, active: true });
console.log(className.toString() === 'active');

Readme

Keywords

Package Sidebar

Install

npm i class-name-x

Repository

github.com/michaellyu/class-name-x

Homepage

github.com/michaellyu/class-name-x#readme

Weekly Downloads

2

Version

0.1.0

License

MIT

Unpacked Size

33.1 kB

Total Files

5

Last publish

Collaborators

  • michaellyu
Try on RunKit
Report malware