javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(menu-toggle): autogenerated readme contents (#24644)

Browse Source
This commit is contained in:
Sean Perkins
2022-01-24 15:39:18 -05:00
committed by GitHub
parent 034d049209
commit fde35a361f
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
core/src/components/menu-toggle/readme.md
View File

@ -69,11 +69,11 @@ In case it's desired to keep `ion-menu-toggle` always visible, the `autoHide` pr
```tsx ```tsx
import React from 'react'; import React from 'react';
import { IonMenu, IonHeader, IonToolbar, IonTitle, IonContent, IonList, IonItem, IonMenuToggle, IonButton } from '@ionic/react'; import { IonMenu, IonHeader, IonToolbar, IonTitle, IonContent, IonList, IonItem, IonMenuToggle, IonButton, IonPage } from '@ionic/react';
export const MenuExample: React.FC = () => ( export const MenuExample: React.FC = () => (
<> <>
<IonMenu side="start" menuId="first"> <IonMenu side="start" menuId="first" contentId="main">
<IonHeader> <IonHeader>
<IonToolbar color="primary"> <IonToolbar color="primary">
<IonTitle>Example Menu</IonTitle> <IonTitle>Example Menu</IonTitle>
@ -85,11 +85,13 @@ export const MenuExample: React.FC = () => (
</IonList> </IonList>
</IonContent> </IonContent>
</IonMenu> </IonMenu>
<IonContent> <IonPage id="main">
<IonMenuToggle> <IonContent>
<IonButton>Toggle Menu</IonButton> <IonMenuToggle>
</IonMenuToggle> <IonButton>Toggle Menu</IonButton>
</IonContent> </IonMenuToggle>
</IonContent>
</IonPage>
</> </>
); );
``` ```
@ -131,8 +133,7 @@ import {
IonMenuToggle, IonMenuToggle,
IonButton, IonButton,
IonTitle, IonTitle,
IonToolbar, IonToolbar
menuController
} from '@ionic/vue'; } from '@ionic/vue';
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';