メニューバーMenubarExperimental
デスクトップアプリでよくある常時表示のメニューバーです。
プレビュー
状態とバリエーション
ウィンドウヘッダー下
エディタや管理画面のタイトルバー直下に置き、現在の作業対象に対する操作をまとめます。
キャンバス編集
作業領域
チェックと選択肢
表示設定やモード切替のように、現在値をメニュー内で示す場合に使います。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| Menubar | Root | - | 横並びのメニュー群をまとめるルート。 |
| MenubarTrigger | button | - | 各メニューを開くトリガー。 |
| MenubarContent | menu | - | 項目、区切り線、サブメニューを含むポップアップ領域。 |
| MenubarItem.disabled | boolean | - | 利用できない項目を表示だけ残します。 |
| MenubarItem.disabledReason | React.ReactNode | - | 無効な項目に hover / focus / touch で表示する理由です。 |
| MenubarItem.disabledReasonLabel | string | - | 無効理由を読むためのフォーカス対象に付ける支援技術向けラベル。 |
使い方
Loading...