react-ajaxing

react-ajaxing

tell the component ajax is sending

Usage

var Spinner = require('react-ajaxing');

//...

login: function(){
  this.setState({
    loading: true
  });
  this.setTimeout( ()=>{
    this.setState({
      loading: false
    });
  }, 1500);
},

render: function(){
  return (
    <button type ="submit" onClick={@login}>
      <Spinner loading={@state.loading} size={20} color="red"><span>Login</span></Spinner>
    </button>
  )
}

Options

loading(boolean): indicate it is loading status or not

size(number): spinner size(px)

default: 20

color(string): spinner color

default: '#FFF'