/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/alert/TransitionAlerts.js
44 строки
1 KB
Sam Sycamore
[material-ui][docs] Revise the Alert demo page (#34892)
09 янв 2024, 07:04
Не верифицирован
09 янв 2024, 07:04
440b36b
Код
Авторство
О чём код?
import * as React from 'react'; import Box from '@mui/material/Box'; import Alert from '@mui/material/Alert'; import IconButton from '@mui/material/IconButton'; import Collapse from '@mui/material/Collapse'; import Button from '@mui/material/Button'; import CloseIcon from '@mui/icons-material/Close'; export default function TransitionAlerts() { const [open, setOpen] = React.useState(true); return ( <Box sx={{ width: '100%' }}> <Collapse in={open}> <Alert action={ <IconButton aria-label="close" color="inherit" size="small" onClick={() => { setOpen(false); }} > <CloseIcon fontSize="inherit" /> </IconButton> } sx={{ mb: 2 }} > Click the close icon to see the Collapse transition in action! </Alert> </Collapse> <Button disabled={open} variant="outlined" onClick={() => { setOpen(true); }} > Re-open </Button> </Box> ); }