/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/snackbars/CustomizedSnackbars.js
36 строк
848 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'; import Alert from '@mui/material/Alert'; export default function CustomizedSnackbars() { 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={6000} onClose={handleClose}> <Alert onClose={handleClose} severity="success" variant="filled" sx={{ width: '100%' }} > This is a success Alert inside a Snackbar! </Alert> </Snackbar> </div> ); }