1 | import Message from '../src/index';
|
2 | import React, { Component } from 'react';
|
3 | import ReactDOM from 'react-dom';
|
4 | import Button from 'bee-button';
|
5 |
|
6 | const info = function () {
|
7 | Message.info('This is a info message');
|
8 | };
|
9 | const danger = function () {
|
10 | Message.error('This is a error message');
|
11 | };
|
12 | const success = function () {
|
13 | Message.success('This is a success message');
|
14 | };
|
15 | const warning = function () {
|
16 | Message.warning('This is a warning message');
|
17 | };
|
18 | const loading = function () {
|
19 | Message.loading('This is a loading message');
|
20 | };
|
21 |
|
22 | class Demo extends Component {
|
23 | render(){
|
24 | return(
|
25 | <div>
|
26 | <Button
|
27 | colors="info"
|
28 | onClick={info}>
|
29 | Display normal message
|
30 | </Button>
|
31 | <Button
|
32 | colors="danger"
|
33 | onClick={danger}>
|
34 | Display normal message
|
35 | </Button>
|
36 | <Button
|
37 | colors="warning"
|
38 | onClick={warning}>
|
39 | Display normal message
|
40 | </Button>
|
41 | <Button
|
42 | colors="success"
|
43 | onClick={success}>
|
44 | Display normal message
|
45 | </Button>
|
46 | <Button
|
47 | colors="primary"
|
48 | onClick={loading}>
|
49 | Display normal message
|
50 | </Button>
|
51 | </div>
|
52 | )
|
53 | }
|
54 | }
|
55 | export default Demo;
|