/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/snackbars/SimpleSnackbar.tsx
53 строки
1 KB
sai chand
[docs][material-ui][Snackbar] Improve reason type in demos (#43077)
28 июл 2024, 10:39
Не верифицирован
28 июл 2024, 10:39
3e206fb
Код
Авторство
О чём код?
import * as React from 'react'; import Button from '@mui/material/Button'; import Snackbar, { SnackbarCloseReason } from '@mui/material/Snackbar'; import IconButton from '@mui/material/IconButton'; import CloseIcon from '@mui/icons-material/Close'; export default function SimpleSnackbar() { const [open, setOpen] = React.useState(false); const handleClick = () => { setOpen(true); }; const handleClose = ( event: React.SyntheticEvent | Event, reason?: SnackbarCloseReason, ) => { if (reason === 'clickaway') { return; } setOpen(false); }; const action = ( <React.Fragment> <Button color="secondary" size="small" onClick={handleClose}> UNDO </Button> <IconButton size="small" aria-label="close" color="inherit" onClick={handleClose} > <CloseIcon fontSize="small" /> </IconButton> </React.Fragment> ); return ( <div> <Button onClick={handleClick}>Open Snackbar</Button> <Snackbar open={open} autoHideDuration={6000} onClose={handleClose} message="Note archived" action={action} /> </div> ); }