シートSheet
Experimental

現在の画面を残したまま、補助的な設定・フォーム・ナビゲーションを画面端から表示する Dialog ベースのパネルです。

プレビュー

状態とバリエーション

右側設定

詳細設定や補助フォームを右から表示します。

左ナビゲーション

モバイルメニューなどを左から表示します。

下部シート

狭い画面で補助操作を下から表示します。

上部シート

短い通知設定や補助操作を上から表示します。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
side"top" | "right" | "bottom" | "left""right"シートを表示する画面端です。
portalContainerHTMLElement | null-プレビューやアプリ内フレームに閉じ込めるコンテナです。
overlayClassNamestring-オーバーレイに追加するクラスです。
classNamestring-シート本体に追加するクラスです。
closeLabelstring"Close"右上の閉じるボタンとツールチップに使うラベルです。