button { margin-right: 8px !important; } import {render} from 'react-dom'; import React from 'react'; import Button from '@jetbrains/ring-ui/components/button/button'; import alert from '@jetbrains/ring-ui/components/alert-service/alert-service'; class AlertServiceDemo extends React.Component { componentDidMount () { setTimeout(() => { alert.message('A initial message', 5000); alert.error('Error message'); }, 100); } showError = () => { this.lastKey = alert.error('Something wrong happened'); } showRandomWarning = () => { this.lastKey = alert.warning(`Warning! Something bad is going to happen (${Math.random()})`, 30000); } showMessage = () => { this.lastKey = alert.message('This is just a message', 5000); } removeLastAlert = () => { alert.remove(this.lastKey); } render() { return (
); } } render(, document.getElementById('alert-service'));