react-material-toast v16.1.7

react-material-toast

效果

live demo

instalation

using yarn

yarn add react-material-toast

using npm

npm install --save react-material-toast

usage

live demo

import React from 'react';
import ToastServive from 'react-material-toast';
const toast = ToastServive.new({
  place:'topRight',
  duration:2,
  maxCount:8
});

const App = () => {
  const onClick = () => {
    const id = toast.success('hello world',()=>{
      console.log('closed')
    });
  }
  const onErrorClick = () => {
    const id = toast.error('hello world');
  }
  const onInfoClick = () => {
    const id = toast.info('hello world');
  }
  const onWarningClick = () => {
    const id = toast.warning('hello world');
  }
  const onRemoveAll = () => {
    toast.removeAll();
  }
  return (
    <div>
      <button onClick={onClick} >success</button>
      <button onClick={onErrorClick} >error</button>
      <button onClick={onInfoClick} >info</button>
      <button onClick={onWarningClick} >warning</button>
      <button onClick={onRemoveAll} >RemoveAll</button>
    </div>
  )
}

export default App;

API

toast

组件提供了一些服务方法，使用方式和参数如下：

• toast.success(content,closedCallBack)
• toast.error(content,closedCallBack)
• toast.info(content,closedCallBack)
• toast.warning(content,closedCallBack)

全局配置

const toast = ToastServive.new(props);

props details: