/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/buttons/LoadingIconButton.tsx
21 строка
640 B
Siriwat K
[Button] Add `loading` prop (#44637)
13 янв 2025, 05:34
Не верифицирован
13 янв 2025, 05:34
a76cf2e
Код
Авторство
О чём код?
import * as React from 'react'; import Tooltip from '@mui/material/Tooltip'; import IconButton from '@mui/material/IconButton'; import ShoppingCartIcon from '@mui/icons-material/ShoppingCart'; export default function LoadingIconButton() { const [loading, setLoading] = React.useState(false); React.useEffect(() => { const timeout = setTimeout(() => { setLoading(false); }, 2000); return () => clearTimeout(timeout); }); return ( <Tooltip title="Click to see loading"> <IconButton onClick={() => setLoading(true)} loading={loading}> <ShoppingCartIcon /> </IconButton> </Tooltip> ); }