1.0.2 • Published 8 years ago

classname-mixin v1.0.2

Weekly downloads
3
License
MIT
Repository
github
Last release
8 years ago

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>
1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago

0.0.1

8 years ago