/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/react/test/base/src/pages/overlay-components/AlertComponent.tsx
37 строк
1022 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, IonAlert } from '@ionic/react'; const AlertComponent: React.FC = () => { const [message, setMessage] = useState(''); const [show, setShow] = useState(false); return ( <IonPage> <IonContent fullscreen> <IonAlert isOpen={show} cssClass="my-css" header="Alert" message="alert from hook" buttons={['Cancel', { text: 'Ok', handler: (d) => setMessage('Ok clicked') }]} onDidDismiss={() => setShow(false)} /> <IonButton expand="block" onClick={() => setShow(true)}> Show Alert </IonButton> <IonButton expand="block" onClick={() => { setShow(true); setTimeout(() => setShow(false), 250); }} > Show Alert, hide after 250 ms </IonButton> <div>{message}</div> </IonContent> </IonPage> ); }; export default AlertComponent;