Skip to content

Commit

Permalink
feat(Spinner): Added Spinner element
Browse files Browse the repository at this point in the history
  • Loading branch information
mBourges committed Nov 22, 2016
1 parent eedf69e commit 896cc3d
Show file tree
Hide file tree
Showing 2 changed files with 30 additions and 1 deletion.
4 changes: 3 additions & 1 deletion src/index.js
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
import Button from './button';
import Dropdown from './dropdown';
import Input from './input';
import Spinner from './spinner';

const mdlReact = {
Button,
Dropdown,
Input
Input,
Spinner
};

module.exports = mdlReact;
Expand Down
27 changes: 27 additions & 0 deletions src/spinner.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
import React from 'react';
import classNames from 'classnames';

class Spinner extends React.Component {
componentDidMount() {
window.componentHandler.upgradeElement(this.root);
}

componentWillUnmount() {
window.componentHandler.downgradeElements(this.root);
}

render() {
const classes = classNames(
'mdl-spinner mdl-js-spinner is-active',
this.props.className
);

return (<div ref={ (node) => { this.root = node; } } className={ classes } />);
}
}

Spinner.propTypes = {
className: React.PropTypes.string
};

export default Spinner;

0 comments on commit 896cc3d

Please sign in to comment.