Skip to content

Latest commit

 

History

History
41 lines (32 loc) · 961 Bytes

toast.md

File metadata and controls

41 lines (32 loc) · 961 Bytes

Toast

Toast用于临时显示某些信息,并且会在数秒后自动消失。这些信息通常是轻量级操作的成功、失败或等待状态信息。

属性 类型 默认值 可选值 备注
icon string toast 所有icon / loading
iconSize string 'small' small, large icon size
show bool false 是否显示

示例:

import React from 'react';
import ReactDOM from 'react-dom';
import {Button, Toast} from 'react-weui';

class App extends React.Component {
    state = {
        show: false
    };
    
    handleClick() {
        this.setState({show: true});
    }
    render() {
        <section>
            <Button onClick={this.handleClick.bind(this)}>显示toast</Button>
            <Toast show={this.state.show}>
                加载中...
            </Toast>
        </section>
    }
}

ReactDOM.render((
    <App/>
), document.getElementById('container'));