/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/react/test/base/src/pages/TabsBasic.tsx
37 строк
1 KB
Shane
test(react): general navigation improvement (#30602)
05 авг 2025, 20:11
Не верифицирован
05 авг 2025, 20:11
dc764e4
Код
Авторство
О чём код?
import React from 'react'; import { IonLabel, IonTabBar, IonTabButton, IonTabs, IonTab, IonPage } from '@ionic/react'; interface TabsProps {} const TabsBasic: React.FC<TabsProps> = () => { const onTabWillChange = (event: CustomEvent) => { console.log('onIonTabsWillChange', event.detail.tab); }; const onTabDidChange = (event: CustomEvent) => { console.log('onIonTabsDidChange:', event.detail.tab); }; return ( <IonPage> <IonTabs onIonTabsWillChange={onTabWillChange} onIonTabsDidChange={onTabDidChange}> <IonTab tab="tab1"> <IonLabel>Tab 1 Content</IonLabel> </IonTab> <IonTab tab="tab2"> <IonLabel>Tab 2 Content</IonLabel> </IonTab> <IonTabBar slot="bottom"> <IonTabButton tab="tab1"> <IonLabel>Tab 1</IonLabel> </IonTabButton> <IonTabButton tab="tab2"> <IonLabel>Tab 2</IonLabel> </IonTabButton> </IonTabBar> </IonTabs> </IonPage> ); }; export default TabsBasic;