gee-material-ui

0.1.0 • Public • Published

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

Package Sidebar

Install

npm i gee-material-ui

Weekly Downloads

0

Version

0.1.0

License

MIT

Last publish

Collaborators

  • kylecheng