PopToast.js

美しいtoastを表示するためのカスタマイズ性の高いJavaScriptライブラリ

GitHub

デモ

 

使用方法

CDN

    
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AbeShunyah/PopToastJS@main/poptoast.css">
      <script src="https://cdn.jsdelivr.net/gh/AbeShunyah/PopToastJS@main/poptoast.js"></script>
    
  

コード

    
    
      const toast = new PopToast();
      const buttonShowDefault = document.querySelector('#show-default');
      buttonShowDefault.addEventListener('click', () => {
      toast.show('こんにちは!これはPopToastです。', {type: 'success'});
    });