StyleNames
What does StyleNames?
In one short sentence: "StyleNames converts an object to a css style string."
Install
npm install stylenames -D
Import
;
StyleNames object - StyleGuide
;
Examples:
Without conditions:
let styles1 = ; console; //--> ' height:120px;width:100px; '
With one condition
let styles1 = ; console; //--> ' height:120px ' let styles2 = ; console; //--> ' height:120px;width:200px; '
With more than one condition
let itemCount = 0; let styleNamesConfig = display: itemCount === 0 height: '120px' width: itemCount <= 1 itemCount <= 2 itemCount <= 4 itemCount > 4 ; console; //--> ' display:none;height:120px;width:100px; ' itemCount++; //1 console; //--> ' height:120px;width:100px; ' itemCount++; //2 console; //--> ' height:120px;width:200px; ' itemCount++; //3 console; //--> ' height:120px;width:400px; ' itemCount += 12; //15 console; //--> ' height:120px;width:100%; '