DialogComponent デモ
（静的ページによる簡易版）

Tailwind版

通常のCSS版

c.with_title

c.with_description

c.with_body

サンプルダイアログ2

確認ダイアログの例

このダイアログは確認用です。 本当に実行してよろしいですか？

サンプルダイアログ3

ダイアログの外をクリックしてもEscキーを押しても閉じません

警告: この操作は取り消せません。 本当に削除しますか？

サンプルダイアログ4

情報ダイアログ（OKボタンのみ）

処理が正常に完了しました。

  • ファイルが保存されました
  • データが更新されました
  • 通知が送信されました

サンプルダイアログ5

フォーム送信ダイアログ（注: 確認ボタンは無効です）

サンプルダイアログ6

設定ダイアログ（注: 確認ボタンは無効です）

c.with_title

c.with_description

c.with_body

サンプルダイアログ2

確認ダイアログの例

このダイアログは確認用です。 本当に実行してよろしいですか？

サンプルダイアログ3

ダイアログの外をクリックしてもEscキーを押しても閉じません

警告: この操作は取り消せません。 本当に削除しますか？

サンプルダイアログ4

情報ダイアログ（OKボタンのみ）

処理が正常に完了しました。

  • ファイルが保存されました
  • データが更新されました
  • 通知が送信されました

サンプルダイアログ5

フォーム送信ダイアログ（注: 確認ボタンは無効です）

サンプルダイアログ6

設定ダイアログ（注: 確認ボタンは無効です）