From 79e459c77217077b75c992445e08edfc35ffdf85 Mon Sep 17 00:00:00 2001 From: ShaneK Date: Thu, 11 Dec 2025 14:27:02 -0800 Subject: [PATCH] docs(tabs): add IonPage wrapper to React router examples --- static/usage/v6/tabs/router/react/home_page_tsx.md | 6 +++--- static/usage/v6/tabs/router/react/library_page_tsx.md | 6 +++--- static/usage/v6/tabs/router/react/radio_page_tsx.md | 6 +++--- static/usage/v6/tabs/router/react/search_page_tsx.md | 6 +++--- static/usage/v7/tabs/router/react/home_page_tsx.md | 6 +++--- static/usage/v7/tabs/router/react/library_page_tsx.md | 6 +++--- static/usage/v7/tabs/router/react/radio_page_tsx.md | 6 +++--- static/usage/v7/tabs/router/react/search_page_tsx.md | 6 +++--- static/usage/v8/tabs/router/react/home_page_tsx.md | 6 +++--- static/usage/v8/tabs/router/react/library_page_tsx.md | 6 +++--- static/usage/v8/tabs/router/react/radio_page_tsx.md | 6 +++--- static/usage/v8/tabs/router/react/search_page_tsx.md | 6 +++--- 12 files changed, 36 insertions(+), 36 deletions(-) diff --git a/static/usage/v6/tabs/router/react/home_page_tsx.md b/static/usage/v6/tabs/router/react/home_page_tsx.md index f24b05e18b5..f30578f2c86 100644 --- a/static/usage/v6/tabs/router/react/home_page_tsx.md +++ b/static/usage/v6/tabs/router/react/home_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const HomePage = () => ( - <> + Listen now @@ -21,7 +21,7 @@ const HomePage = () => ( Listen now content - + ); export default HomePage; diff --git a/static/usage/v6/tabs/router/react/library_page_tsx.md b/static/usage/v6/tabs/router/react/library_page_tsx.md index 383b6f115de..b2ee1528d04 100644 --- a/static/usage/v6/tabs/router/react/library_page_tsx.md +++ b/static/usage/v6/tabs/router/react/library_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const LibraryPage = () => ( - <> + Library @@ -21,7 +21,7 @@ const LibraryPage = () => ( Library content - + ); export default LibraryPage; diff --git a/static/usage/v6/tabs/router/react/radio_page_tsx.md b/static/usage/v6/tabs/router/react/radio_page_tsx.md index d0e432c3a58..83efaf77667 100644 --- a/static/usage/v6/tabs/router/react/radio_page_tsx.md +++ b/static/usage/v6/tabs/router/react/radio_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const RadioPage = () => ( - <> + Radio @@ -21,7 +21,7 @@ const RadioPage = () => ( Radio content - + ); export default RadioPage; diff --git a/static/usage/v6/tabs/router/react/search_page_tsx.md b/static/usage/v6/tabs/router/react/search_page_tsx.md index 3d51b374830..2fedbcf962a 100644 --- a/static/usage/v6/tabs/router/react/search_page_tsx.md +++ b/static/usage/v6/tabs/router/react/search_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const SearchPage = () => ( - <> + Search @@ -21,7 +21,7 @@ const SearchPage = () => ( Search content - + ); export default SearchPage; diff --git a/static/usage/v7/tabs/router/react/home_page_tsx.md b/static/usage/v7/tabs/router/react/home_page_tsx.md index f24b05e18b5..f30578f2c86 100644 --- a/static/usage/v7/tabs/router/react/home_page_tsx.md +++ b/static/usage/v7/tabs/router/react/home_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const HomePage = () => ( - <> + Listen now @@ -21,7 +21,7 @@ const HomePage = () => ( Listen now content - + ); export default HomePage; diff --git a/static/usage/v7/tabs/router/react/library_page_tsx.md b/static/usage/v7/tabs/router/react/library_page_tsx.md index 383b6f115de..b2ee1528d04 100644 --- a/static/usage/v7/tabs/router/react/library_page_tsx.md +++ b/static/usage/v7/tabs/router/react/library_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const LibraryPage = () => ( - <> + Library @@ -21,7 +21,7 @@ const LibraryPage = () => ( Library content - + ); export default LibraryPage; diff --git a/static/usage/v7/tabs/router/react/radio_page_tsx.md b/static/usage/v7/tabs/router/react/radio_page_tsx.md index d0e432c3a58..83efaf77667 100644 --- a/static/usage/v7/tabs/router/react/radio_page_tsx.md +++ b/static/usage/v7/tabs/router/react/radio_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const RadioPage = () => ( - <> + Radio @@ -21,7 +21,7 @@ const RadioPage = () => ( Radio content - + ); export default RadioPage; diff --git a/static/usage/v7/tabs/router/react/search_page_tsx.md b/static/usage/v7/tabs/router/react/search_page_tsx.md index 3d51b374830..2fedbcf962a 100644 --- a/static/usage/v7/tabs/router/react/search_page_tsx.md +++ b/static/usage/v7/tabs/router/react/search_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const SearchPage = () => ( - <> + Search @@ -21,7 +21,7 @@ const SearchPage = () => ( Search content - + ); export default SearchPage; diff --git a/static/usage/v8/tabs/router/react/home_page_tsx.md b/static/usage/v8/tabs/router/react/home_page_tsx.md index f24b05e18b5..f30578f2c86 100644 --- a/static/usage/v8/tabs/router/react/home_page_tsx.md +++ b/static/usage/v8/tabs/router/react/home_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const HomePage = () => ( - <> + Listen now @@ -21,7 +21,7 @@ const HomePage = () => ( Listen now content - + ); export default HomePage; diff --git a/static/usage/v8/tabs/router/react/library_page_tsx.md b/static/usage/v8/tabs/router/react/library_page_tsx.md index 383b6f115de..b2ee1528d04 100644 --- a/static/usage/v8/tabs/router/react/library_page_tsx.md +++ b/static/usage/v8/tabs/router/react/library_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const LibraryPage = () => ( - <> + Library @@ -21,7 +21,7 @@ const LibraryPage = () => ( Library content - + ); export default LibraryPage; diff --git a/static/usage/v8/tabs/router/react/radio_page_tsx.md b/static/usage/v8/tabs/router/react/radio_page_tsx.md index d0e432c3a58..83efaf77667 100644 --- a/static/usage/v8/tabs/router/react/radio_page_tsx.md +++ b/static/usage/v8/tabs/router/react/radio_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const RadioPage = () => ( - <> + Radio @@ -21,7 +21,7 @@ const RadioPage = () => ( Radio content - + ); export default RadioPage; diff --git a/static/usage/v8/tabs/router/react/search_page_tsx.md b/static/usage/v8/tabs/router/react/search_page_tsx.md index 3d51b374830..2fedbcf962a 100644 --- a/static/usage/v8/tabs/router/react/search_page_tsx.md +++ b/static/usage/v8/tabs/router/react/search_page_tsx.md @@ -1,9 +1,9 @@ ```tsx import React from 'react'; -import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; const SearchPage = () => ( - <> + Search @@ -21,7 +21,7 @@ const SearchPage = () => ( Search content - + ); export default SearchPage;