1. import { Notification, Button } from 'uskin';
    3. const notices = [{
    4.   title: 'Note:',
    5.   content: 'I am a success notification',
    6.   type: 'success',
    7.   showIcon: true,
    8.   isAutoHide: true,
    9.   width: 300,
    10.   id: 1
    11. }, {
    12.   title: 'Note:',
    13.   content: 'I am a warning notification',
    14.   type: 'warning',
    15.   showIcon: true,
    16.   isAutoHide: true,
    17.   width: 300,
    18.   id: 2
    19. }, {
    20.   title: 'Note:',
    21.   content: 'A classification of architectural styles for network-based application software by the architectural properties they would induce when applied to the architecture for a distributed hypermedia system',
    22.   type: 'danger',
    23.   showIcon: true,
    24.   isAutoHide: true,
    25.   width: 300,
    26.   id: 3
    27. }];
    29. ReactDOM.render(<div>
    30.   <Button
    31.     value="Success"
    32.     type="create"
    33.     onClick={showNotification.bind(this, notices[0])} />
    34.   <Button
    35.     value="Warning"
    36.     type="warning"
    37.     onClick={showNotification.bind(this, notices[1])} />
    38.   <Button
    39.     value="Danger"
    40.     type="delete"
    41.     onClick={showNotification.bind(this, notices[2])} />
    42. </div>, mountNode);