javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(react): migrate to builder architecture (#26959)

Browse Source
This commit is contained in:
Liam DeBeasi
2023-03-17 16:21:21 -04:00
committed by GitHub
parent 162d139abe
commit e3a1d7b8c3
77 changed files with 30446 additions and 414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/react/test/base/src/pages/Tabs.tsx Normal file
View File

@ -0,0 +1,23 @@
import React from 'react';
import { IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs } from '@ionic/react';
import { Route, Redirect } from 'react-router';
interface TabsProps {}
const Tabs: React.FC<TabsProps> = () => {
return (
<IonTabs>
<IonRouterOutlet>
<Redirect from="/tabs" to="/tabs/tab1" exact />
<Route path="/tabs/tab1" render={() => <IonLabel>Tab 1</IonLabel>} />
</IonRouterOutlet>
<IonTabBar slot="bottom">
<IonTabButton tab="tab1" onClick={() => window.alert('Tab was clicked')}>
<IonLabel>Click Handler</IonLabel>
</IonTabButton>
</IonTabBar>
</IonTabs>
);
};
export default Tabs;