/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/react/test/base/src/pages/overlay-components/ToastComponent.tsx
34 строки
874 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, IonToast } from '@ionic/react'; const ToastComponent: React.FC = () => { const [show, setShow] = useState(false); return ( <IonPage> <IonContent> <IonToast isOpen={show} buttons={[{ text: 'hide', handler: () => setShow(false) }]} message="Hello from a toast!" onDidDismiss={() => setShow(false)} /> <IonButton expand="block" onClick={() => setShow(true)}> Show Toast </IonButton> <IonButton expand="block" onClick={() => { setShow(true); setTimeout(() => setShow(false), 250); }} > Show Toast, call dismiss in 250 ms </IonButton> </IonContent> </IonPage> ); }; export default ToastComponent;