update DemoStickyBottomSheetExample,

03_source/mobile/src/pages/DemoStickyBottomSheetExample/index.tsx

@@ -1,12 +1,12 @@
-import { IonIcon, IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs } from '@ionic/react';
+import { IonRouterOutlet, IonTabs } from '@ionic/react';
 
-import { cloudOutline, searchOutline } from 'ionicons/icons';
 import { Route, Redirect } from 'react-router';
 
 import './theme/variables.scss';
 import Home from './pages/Home';
+import React from 'react';
 
-function DemoStickyBottomSheetExample() {
+function DemoStickyBottomSheetExample(): React.JSX.Element {
   return (
     <IonTabs className="demo-sticky-bottom-sheet-example">
       <IonRouterOutlet>
@@ -20,18 +20,6 @@ function DemoStickyBottomSheetExample() {
           to="/demo-sticky-bottom-sheet-example/home"
         />
       </IonRouterOutlet>
-
-      {/*  */}
-      <IonTabBar slot="bottom">
-        <IonTabButton tab="tab1" href="/demo-sticky-bottom-sheet-example/tab1">
-          <IonIcon icon={cloudOutline} />
-          <IonLabel>Dashboard</IonLabel>
-        </IonTabButton>
-        <IonTabButton tab="tab2" href="/demo-sticky-bottom-sheet-example/tab2">
-          <IonIcon icon={searchOutline} />
-          <IonLabel>Search</IonLabel>
-        </IonTabButton>
-      </IonTabBar>
     </IonTabs>
   );
 }

03_source/mobile/src/pages/DemoStickyBottomSheetExample/pages/Home.tsx

@@ -9,12 +9,12 @@ import {
   IonToolbar,
   useIonRouter,
 } from '@ionic/react';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { BottomSheet } from '../components/BottomSheet';
 import './Home.scss';
 import { chevronBackOutline } from 'ionicons/icons';
 
-const Home: React.FC = () => {
+const Home = (): React.JSX.Element => {
   const [showBottomSheet, setShowBottomSheet] = useState<boolean>(true);
 
   const handleClose = () => {
@@ -31,7 +31,7 @@ const Home: React.FC = () => {
 
   return (
     <IonPage>
-      <IonHeader>
+      <IonHeader className="ion-no-border">
         <IonToolbar>
           <IonTitle>Ionic Sticky Bottom Sheet</IonTitle>
 

03_source/mobile/src/pages/DemoStickyBottomSheetExample/theme/variables.scss

@@ -3,7 +3,6 @@
 http://ionicframework.com/docs/theming/ */
 
   /** Ionic CSS Variables **/
-  :root {
   /** primary **/
   --ion-color-primary: #3880ff;
   --ion-color-primary-rgb: 56, 128, 255;
@@ -75,7 +74,6 @@ http://ionicframework.com/docs/theming/ */
   --ion-color-light-contrast-rgb: 0, 0, 0;
   --ion-color-light-shade: #d7d8da;
   --ion-color-light-tint: #f5f6f9;
-  }
 
   @media (prefers-color-scheme: dark) {
     /*