bee-loadingstate

react bee-loadingstate component for tinper-bee

setup develop environment

$ git clone https://github.com/tinper-bee/bee-loadingstate
$ cd bee-loadingstate
$ npm install
$ npm run dev

使用

loadingstate依赖于button,使用loadingstate还需把button组件down下来

$ npm install bee-button
$ npm run dev

组件引入

先进行下载loadingstate包

npm install --save bee-loadingstate

组件调用

import { Loadingstate } from 'bee-Loadingstate';
React.render(<div>
    <div>
        <Loadingstate loadingTime="4000" loadingText="loading...">Confirm</Loadingstate>
    </div>
</div>, document.getElementById('target'));

样式引入

• 因为loadingstate是依赖于button,所以使用link引入dist目录下button.css

<link rel="stylesheet" href="./node_modules/build/bee-button.css">

• 同理,在js中import样式也是button的样式

import "./node_modules/src/Button.scss"
//或是
import "./node_modules/build/bee-button.css"

使用tinper-bee组件库

(tinper-bee组件库使用方法)[]

API

button的参数在loadingstate同样适用， loadingstate扩展的参数如下。 |参数|说明|类型|默认值| |---|----|---|------| |loadingText|loading的时候显示内容,默认值loading|string|medium| |loadingTime|loading的时间，默认300ms|number|''|