npm.io
1.0.2 • Published 10 years ago

classname-mixin

Licence
MIT
Version
1.0.2
Deps
1
Vulns
0
Weekly
0

classname-mixin

React mixin to build and apply classnames including props classNames

##Install

npm install classname-mixin

##Usage

import React from 'react';
import classNameMixin from 'classname-mixin';

var SomeComponent = React.createClass({
	mixins: [classNameMixin],
	getInitialState: function() {
		return {
			someState: true
		}
	},
	render: function () {
		return <div className={this.className('component_class', {'stateful_class': this.state.someState})}>
			Some
		</div>
	}
});

ReactDOM.render(<ExampleXomponent className="outer_class"/>, document.getElementById('app'));

result:

<div class="some_outer_class component_class stateful_class">Some</div>

Keywords