Skip to content

Commit 79e459c

Browse files
ShaneKShaneK
committed
docs(tabs): add IonPage wrapper to React router examples
1 parent 19a2b58 commit 79e459c

File tree

12 files changed

+36
-36
lines changed

12 files changed

+36
-36
lines changed

‎static/usage/v6/tabs/router/react/home_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const HomePage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Listen now</IonTitle>
@@ -21,7 +21,7 @@ const HomePage = () => (
2121
Listen now content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default HomePage;

‎static/usage/v6/tabs/router/react/library_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const LibraryPage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Library</IonTitle>
@@ -21,7 +21,7 @@ const LibraryPage = () => (
2121
Library content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default LibraryPage;

‎static/usage/v6/tabs/router/react/radio_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const RadioPage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Radio</IonTitle>
@@ -21,7 +21,7 @@ const RadioPage = () => (
2121
Radio content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default RadioPage;

‎static/usage/v6/tabs/router/react/search_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const SearchPage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Search</IonTitle>
@@ -21,7 +21,7 @@ const SearchPage = () => (
2121
Search content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default SearchPage;

‎static/usage/v7/tabs/router/react/home_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const HomePage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Listen now</IonTitle>
@@ -21,7 +21,7 @@ const HomePage = () => (
2121
Listen now content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default HomePage;

‎static/usage/v7/tabs/router/react/library_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const LibraryPage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Library</IonTitle>
@@ -21,7 +21,7 @@ const LibraryPage = () => (
2121
Library content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default LibraryPage;

‎static/usage/v7/tabs/router/react/radio_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const RadioPage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Radio</IonTitle>
@@ -21,7 +21,7 @@ const RadioPage = () => (
2121
Radio content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default RadioPage;

‎static/usage/v7/tabs/router/react/search_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const SearchPage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Search</IonTitle>
@@ -21,7 +21,7 @@ const SearchPage = () => (
2121
Search content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default SearchPage;

‎static/usage/v8/tabs/router/react/home_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const HomePage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Listen now</IonTitle>
@@ -21,7 +21,7 @@ const HomePage = () => (
2121
Listen now content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default HomePage;

‎static/usage/v8/tabs/router/react/library_page_tsx.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
```tsx
22
import React from 'react';
3-
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
3+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
44

55
const LibraryPage = () => (
6-
<>
6+
<IonPage>
77
<IonHeader>
88
<IonToolbar>
99
<IonTitle>Library</IonTitle>
@@ -21,7 +21,7 @@ const LibraryPage = () => (
2121
Library content
2222
</div>
2323
</IonContent>
24-
</>
24+
</IonPage>
2525
);
2626

2727
export default LibraryPage;

0 commit comments

Comments
 (0)