node package manager

gee-material-ui

Gee-material-ui -beta

Use React to implement Google Material UI design.

Demo page


Installation

npm install gee-material-ui --save

Usage

import { Avatar, ... } from 'gee-material-ui';
 
class Test extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      avatarOption: {
        // options for Button component 
        size: 'small', // defalut is middle  / small / middle / large 
        customSize: 50,
        boxShadow: true,
        animate: '', //hover-to-scale 
        src: '',
        iconClass: '',
        style: {
          backgroundColor: '#f60',
          color: '#fff',
          fontSize: '12px',
        },
        onClickFunc: (e) => {
          alert('You click Avatar!');
        },
      },
    };
  }
 
  render() {
    return (
      <Avatar options={this.state.avatarOption} />
    );
  }
}

Components Options

This is the options for component.


  1. Avatar options
  2. Button options
  3. Isometric Button options
  4. Scale Button options
  5. Input options
  6. Card options
  7. List options
  8. Curtain options
  9. DataPicker options
  10. Dialog options
  11. Drawer options
  12. Grid options
  13. Menu options
  14. Radio List options

License

MIT