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