メニューバーMenubar
Experimental

デスクトップアプリでよくある常時表示のメニューバーです。

プレビュー

状態とバリエーション

ウィンドウヘッダー下

エディタや管理画面のタイトルバー直下に置き、現在の作業対象に対する操作をまとめます。

キャンバス編集

作業領域

チェックと選択肢

表示設定やモード切替のように、現在値をメニュー内で示す場合に使います。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
MenubarRoot-横並びのメニュー群をまとめるルート。
MenubarTriggerbutton-各メニューを開くトリガー。
MenubarContentmenu-項目、区切り線、サブメニューを含むポップアップ領域。
MenubarItem.disabledboolean-利用できない項目を表示だけ残します。
MenubarItem.disabledReasonReact.ReactNode-無効な項目に hover / focus / touch で表示する理由です。
MenubarItem.disabledReasonLabelstring-無効理由を読むためのフォーカス対象に付ける支援技術向けラベル。

使い方

Loading...

使用コンポーネント