Hola, estoy tratando de crear un snackbar usando material ui. Reaccionar versión = 0.14 Material-ui versión = 0.15.0

No pude encontrar nada adecuado para esta versión de React, así que decidí usar material-ui. Funciona pero solo se abre en la parte inferior de la pantalla. ¿Cómo puedo cambiar esto? Por ejemplo, ¿cómo puedo obtener la parte superior derecha?

Mi código :

 import Snackbar from 'material-ui/Snackbar'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider' this.state = { open: false, }; handleTouchTap = () => { this.setState({ open: true, }); }; handleRequestClose = () => { this.setState({ open: false, }); }; <div> <button onClick={this.handleTouchTap}> SHOW NOTIFICATION <button> <Snackbar open={this.state.open} message="Event added to your calendar" autoHideDuration={4000} onRequestClose={this.handleRequestClose} /> </div>

La imagen está aquí: [Imagen de notificación 1