/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/snackbars/AutohideSnackbar.js
31 строка
666 B
Danilo Leal
[material-ui][docs] Revise the Snackbar page (#39298)
15 янв 2024, 22:45
Не верифицирован
15 янв 2024, 22:45
141dcfe
Код
Авторство
О чём код?
import * as React from 'react'; import Button from '@mui/material/Button'; import Snackbar from '@mui/material/Snackbar'; export default function AutohideSnackbar() { const [open, setOpen] = React.useState(false); const handleClick = () => { setOpen(true); }; const handleClose = (event, reason) => { if (reason === 'clickaway') { return; } setOpen(false); }; return ( <div> <Button onClick={handleClick}>Open Snackbar</Button> <Snackbar open={open} autoHideDuration={5000} onClose={handleClose} message="This Snackbar will be dismissed in 5 seconds." /> </div> ); }