SweetAlertバージョン2を使ったデモ

SweetAlert は、綺麗なカスタム アラートを表示させる Javascriptライブラリです。

GitHub : t4t5/sweetalert
 A beautiful replacement for JavaScript's 'alert'
このページで扱っているライブラリ

SweetAlertのデモ

このデモは SweetAlert v2.0.6を使用して作成しています。ボタンをクリックすればSweetAlertが起動します。

npm

npm i sweetalert --save

yarn

yarn add sweetalert

ブラウザからCDN経由で読み込み

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

jsファイルから読み込み

// babel などを使う場合
import swal from "sweetalert";

swal("SweetAlertの起動")
// CommonJS *node.jsなど
const swal = require("sweetalert");

swal("SweetAlertの起動")
// ブラウザでCDNを通して読み込んば場合は直接呼び出せます
swal("SweetAlertの起動")

cupOF Interests


このページのタグ
アラート フォーム

Social シェアボタン