Skip to main content
Version: v8

ion-menu-toggle

shadow

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

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

詳しくは、menuのドキュメントを参照してください。

プロパティ

autoHide

Description対応するメニューがアクティブでない場合に、自動的にコンテンツを非表示にします。 デフォルトでは true になっています。メニューの状態に関係なく ion-menu-toggle を常に表示しておきたい場合は、false に変更します。
Attributeauto-hide
Typeboolean
Defaulttrue
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
``トグルの内側にコンテンツを配置し、クリックターゲットとして機能させます。