Mapped Classes

Convert objects into consistent class name strings

Installation

npm i mapped-classes --save

Usage

import createMapper from 'mapped-classes';

const useMapper = createMapper({
  breakpoints: [null, 'md', 'lg'],
  mappings: {fontSize: 'font-size', padding: 'p'},
  getter: ({breakpoint, root, value}) =>
    [breakpoint, root, value]
      .filter(x => x || x === 0)
      .join('-')
});
 
const classNames = useMapper({ 
  fontSize: 1,
  padding: [1, 2, 3]
}); 

// 'font-size-1 p-1 md-p-2 lg-p-3'

License

MIT © Sam Tietjen