/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/progress/CircularEnableTrack.js
38 строк
1 KB
Albert Yu
[docs][progress] Label all demo components (#48143)
01 апр 2026, 12:09
Не верифицирован
01 апр 2026, 12:09
124db37
Код
Авторство
О чём код?
import * as React from 'react'; import Stack from '@mui/material/Stack'; import CircularProgress from '@mui/material/CircularProgress'; export default function CircularEnableTrack() { const [progress, setProgress] = React.useState(0); React.useEffect(() => { const timer = setInterval(() => { setProgress((prevProgress) => (prevProgress >= 100 ? 0 : prevProgress + 10)); }, 800); return () => { clearInterval(timer); }; }, []); return ( <Stack spacing={2} direction="row"> <CircularProgress enableTrackSlot size="30px" aria-label="Loading…" /> <CircularProgress enableTrackSlot size={40} aria-label="Loading…" /> <CircularProgress enableTrackSlot size="3rem" aria-label="Loading…" /> <CircularProgress enableTrackSlot variant="determinate" value={70} aria-label="Export data" /> <CircularProgress enableTrackSlot variant="determinate" color="secondary" value={progress} aria-label="Upload photos" /> </Stack> ); }