モーダルModal
Experimental

現在の画面に重ねて、確認・入力・重要な補足を短い操作面として表示します。

状態とバリエーション

保存とキャンセルを持つ基本的なモーダルです。

入力項目を含む場合もフッター操作を同じ位置に揃えます。

取り消せない操作は destructive ボタンで明示します。

確認だけで完了する案内はフッター操作を省略できます。

複数の関連情報を同じモーダル内で切り替えます。

表は横にスクロールできます

プロパティ	型	初期値	説明
isOpen	boolean	-	モーダルの表示状態です。
onClose	() => void	-	閉じる操作時に呼び出されます。
title	string	-	ヘッダーに表示するタイトルです。
footer	React.ReactNode	-	フッターの操作ボタンを渡します。
closeLabel	string	"Close"	閉じるボタンのアクセシブルラベルです。
portalContainer	HTMLElement \| null	-	docs preview やアプリ内フレームに overlay を閉じ込めるための任意コンテナです。