ITエンジニア/デザイナ向けにオープンソースを毎日紹介

HTML5ではdialogという要素が追加され、これまで悪名高かったalertに代わる技術が生み出されています。しかしdialogはデザインやエフェクトを含め、全て自分で実装する必要があるため普及はまだしばらくかかりそうです。

そこで使ってみたいのがSweetAlertです。alertに代わるライブラリで、見た目も上品で格好いい仕上がりになっています。

SweetAlertの使い方

こちらがデフォルトのアラート。
こちらがデフォルトのアラート。

こちらがSweetAlert。格好いいでしょ?
こちらがSweetAlert。格好いいでしょ?

一番シンプルな表示。
一番シンプルな表示。

テキスト付き。
テキスト付き。

アイコン付きも。
アイコン付きも。

確認ダイアログ。
確認ダイアログ。

カスタムイメージもサポート。
カスタムイメージもサポート。

SweetAlertは通常使っているアラートを置き換えて使える存在になるでしょう。反応しなければ何もできなくなってしまうalertとは違いますし、デザイン上のカスタマイズ幅も大きそうです。

SweetAlertはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

t4t5/sweetalert

SweetAlert

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2