@blueeast/bluerain-plugin-material-ui
Version:
Adds [Material UI](http://www.material-ui.com/#/) theme Provider to BlueRain. Components of material-ui have been developed using a common interface. [https://blueeast.gitbook.io/bluerain-plugin-material-ui](https://blueeast.gitbook.io/bluerain-plugin-mat
55 lines • 1.91 kB
JavaScript
"use strict";
// import { Notification } from '../Notification.Components';
// import Button from 'material-ui/Button';
// import React from 'react';
// // import Snackbar from 'material-ui/Snackbar';
// class PositionedSnackbar extends React.Component {
// state = {
// open: false,
// vertical: 7,
// horizontal: 8,
// };
// handleClick = (state:any) => () => {
// this.setState({ open: true, ...state });
// }
// handleClose = () => {
// this.setState({ open: false });
// }
// render() {
// const { vertical, horizontal, open } = this.state;
// const obj = { horizontal, vertical };
// return (
// <div>
// <Button onClick={this.handleClick({ vertical: 'top', horizontal: 'center' })}>
// Top-Center
// </Button>
// <Button onClick={this.handleClick({ vertical: 'top', horizontal: 'right' })}>
// Top-Right
// </Button>
// <Button onClick={this.handleClick({ vertical: 'bottom', horizontal: 'right' })}>
// Bottom-Right
// </Button>
// <Button onClick={this.handleClick({ vertical: 'bottom', horizontal: 'center' })}>
// Bottom-Center
// </Button>
// <Button onClick={this.handleClick({ vertical: 'bottom', horizontal: 'left' })}>
// Bottom-Left
// </Button>
// <Button onClick={this.handleClick({ vertical: 'top', horizontal: 'left' })}>
// Top-Left
// </Button>
// <Notification
// anchorOrigin={obj}
// open={open}
// onClose={this.handleClose}
// SnackbarContentProps={{
// 'aria-describedby': 'message-id',
// }}
// message={<span id="message-id">I love snacks</span>}
// />
// </div>
// );
// }
// }
// export default PositionedSnackbar;
//# sourceMappingURL=Notification.state.component.js.map