Package Exports
- merge-class-names
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (merge-class-names) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Merge-Class-Names
A function that merges given class names, no matter their format. Filters out invalid class names as well.
tl;dr
- Install by executing
npm install merge-class-namesoryarn add merge-class-names. - Import by adding
import mergeClassNames from 'merge-class-names'. - Use it in
classNamelike so:<div className={mergeClassNames('foo', condition && 'bar', arrayOfClasses)} />
Accepted formats
- Strings with one or multiple class names:
a,a b - Array of strings with one or multiple class names:
['a', 'b'],['a b', 'c d'].
Examples
> mergeClassNames('a', 'b', 'c');
< 'a b c'
> mergeClassNames('a b', 'c d', 'e f');
< 'a b c d e f'
> mergeClassNames(['a', 'b'], ['c', 'd']);
< 'a b c d'
> mergeClassNames(['a b', 'c d'], ['e f', 'g h']);
< 'a b c d e f g h'
> mergeClassNames('a', 'b', falsyCondition && 'c');
< 'a b'
> mergeClassNames('a', 'b', 'c', null, ['d', null], () => {}, 'e', undefined);
< 'a b c d e'License
The MIT License.
Author
|
Wojciech Maj kontakt@wojtekmaj.pl https://wojtekmaj.pl |