/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/react/test/base/src/pages/overlay-hooks/LoadingHook.tsx
39 строк
978 B
Liam DeBeasi
test(react): migrate to builder architecture (#26959)
17 мар 2023, 23:21
Не верифицирован
17 мар 2023, 23:21
e3a1d7b
Код
Авторство
О чём код?
import React from 'react'; import { IonButton, IonContent, IonPage, useIonLoading } from '@ionic/react'; interface LoadingProps {} const LoadingHook: React.FC<LoadingProps> = () => { const [present, dismiss] = useIonLoading(); return ( <IonPage> <IonContent> <IonButton expand="block" onClick={() => present({ duration: 1000, message: 'Loading', }) } > Show Loading with options </IonButton> <IonButton expand="block" onClick={() => present('Loading', 1000, 'dots')}> Show Loading with params </IonButton> <IonButton expand="block" onClick={() => { present('Loading', 10000, 'dots'); setTimeout(dismiss, 250); }} > Show Loading, hide after 250 ms </IonButton> </IonContent> </IonPage> ); }; export default LoadingHook;