Skip to main content
Version: v9

ion-menu-toggle

shadow

Menu Toggleコンポーネントは、メニューの開閉を切り替えるために使用することができます。

メニュートグルは、選択されたメニューが有効な場合にのみ表示されます。メニューが無効になっている場合や、分割ペインとして表示されている場合は、メニュートグルは非表示になります。常にメニュートグルを表示するには、autoHideプロパティをfalseに設定します。

詳細については、メニューのドキュメントを参照してください。

プロパティ​

autoHide​

Description対応するメニューがアクティブでない場合に、自動的にコンテンツを非表示にします。 デフォルトでは true になっています。メニューの状態に関係なく ion-menu-toggle を常に表示しておきたい場合は、false に変更します。
Attributeauto-hide
Typeboolean
Defaulttrue

menu​

Descriptionメニューの menuId プロパティに対応するオプションのプロパティです。メニュー側には start または end を指定することもできます。これは、トグルするための正しいメニューを見つけるために使用される。 このプロパティを使用しない場合、ion-menu-toggleは、最初にアクティブになったメニューをトグルします。
Attributemenu
Typestring | undefined
Defaultundefined

イベント​

No events available for this component.

メソッド​

No public methods available for this component.

CSS Shadow Parts​

No CSS shadow parts available for this component.

CSSカスタムプロパティ​

No CSS custom properties available for this component.

Slots​

NameDescription
トグルの内側にコンテンツを配置し、クリックターゲットとして機能させます。