/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/snackbars/IntegrationNotistack.js
31 строка
810 B
Daher Alfawares
[core] Enforce import * as React (#34878)
31 окт 2022, 16:28
Не верифицирован
31 окт 2022, 16:28
2a77a33
Код
Авторство
О чём код?
import * as React from 'react'; import Button from '@mui/material/Button'; import { SnackbarProvider, useSnackbar } from 'notistack'; function MyApp() { const { enqueueSnackbar } = useSnackbar(); const handleClick = () => { enqueueSnackbar('I love snacks.'); }; const handleClickVariant = (variant) => () => { // variant could be success, error, warning, info, or default enqueueSnackbar('This is a success message!', { variant }); }; return ( <React.Fragment> <Button onClick={handleClick}>Show snackbar</Button> <Button onClick={handleClickVariant('success')}>Show success snackbar</Button> </React.Fragment> ); } export default function IntegrationNotistack() { return ( <SnackbarProvider maxSnack={3}> <MyApp /> </SnackbarProvider> ); }