linkStyles & Classes

linkStyles

Besides setting styles via style strings, you can also set styles with objects:

1link<div style={{ color: 'red', background: 'blue' }}>Hellow</div>

Transforms can also be specified individually:

1link<div style={{ transform: { rotate: '30deg', scale: 2 } }}>Hellow</div>

And so can be transitions:

1link<div style={{ transition: { color: '.3s', transform: '.15s' } }}>Hellow</div>

You can also include the unit for a particular property in its key for convenience:

1link<div style={{ 'fontSize.px': 12, transform: { 'rotate.deg': 30 } }}>Hellow</div>

linkClasses

Besides setting classess via class strings, you can also set them via class name arrays:

1link<div class={['big', 'round']}>Hellow</div>

Or via toggle maps:

1link<div class={{ big: true, round: props.round }}>Hellow</div>

Or both:

1link<div class={['big', { round: props.round }]}>Hellow</div>