dialog-react

Toast

Confirm

ConfirmAuto

Prompt

Notification

How to use

• install

npm install --save-dev dialog-react style-loader css-loader

• webpack.config.js

// add loader
{
	test: /\.css$/,
	loader: "style-loader!css-loader"
}

• import

import {Toast, Confirm, Prompt, ConfirmAuto, Notificaion} from "dialog-react"

many or one more

• use

<Toast
	content="测试用例"
	show={this.state.showDialog}
	long={1}
	close={() => this.setState({showDialog: false})} />

<Confirm
	content="测试用例"
	confirm="好的"
	show={this.state.showDialog}
	close={() => this.setState({showDialog: false})} />

<Prompt
	content="测试用例"
	confirm="好的"
	other="重新输入"
	show={this.state.showDialog}
	fun={() => this.setState({showDialog: false})}
	close={() => this.setState({showDialog: false})} />

<ConfirmAuto
	content="测试用例"
	show={this.state.showDialog}
	close={() => this.setState({showDialog: false})} />

<Notification
	content={this.state.content}
	fun={_funClick}
	funName="下一条"
	show={this.state.showDialog}
	close={() => this.setState({showDialog: false})}/>