classname-hoc

Installing

$ npm install --save classname-hoc

Using

classNameHOC is a function which takes one or more class names as an input and returns a component class as an output. This component class will add the given class names to any children it renders.

import classNameHOC from 'classname-hoc';

const Rounded = classNameHOC('border-radius-10');

const element = (
	<Rounded>
		<div className="panel" />
	</Rounded>
);

// When rendered, the div will have a className prop of "panel border-radius-10"

Uses classNames under the hood so it can take the same arguments.