Bootstrapと組合せて使えるエレガントなalertライブラリ「SweetAlert for Bootstrap」

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

SweetAlert for Bootstrap

SweetAlert for Bootstrap」は最近のWeb開発で大人気となっている「Bootstrap」と組合せて使うことができるダイアログ表示ライブラリです(GitHub

JavaScript標準の味気ないalertダイアログをオシャレに置き換えることができるライブラリ「SweetAlert」を、Bootstrap用に調節したもので使用方法は大体オリジナルと同じです。

SweetAlertユーザーならばすぐに馴染むことができそうですね。

SweetAlert for Bootstrapの使用方法

SweetAlert for Bootstrap 2

↑画像タイトル説明などがついたalertの例です。

SweetAlert for Bootstrap 3

↑最も基本のサンプル。

SweetAlert for Bootstrap 4

↑タイトルと説明付き。

SweetAlert for Bootstrap 5

↑画像/タイトル/説明つき。

Bootstrapを使っていて、JavaScriptのalertを格好良く表示したいときに使えそうなライブラリです。オジリナルSweetAlert との違いは、confirmButtonColorのかわりにconfirmButtonClassを取ることだけらしいので、オリジナルサイトの使用例も参考になりそうです。ライセンスはMITです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次