Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
21 lines
719 B
JavaScript
21 lines
719 B
JavaScript
import Box from '@mui/joy/Box';
|
|
import CircularProgress from '@mui/joy/CircularProgress';
|
|
import ReportIcon from '@mui/icons-material/Report';
|
|
import WarningIcon from '@mui/icons-material/Warning';
|
|
|
|
export default function CircularProgressChildren() {
|
|
return (
|
|
<Box sx={{ display: 'flex', gap: 2, alignItems: 'center', flexWrap: 'wrap' }}>
|
|
<CircularProgress color="warning">
|
|
<WarningIcon color="warning" />
|
|
</CircularProgress>
|
|
<CircularProgress size="lg" determinate value={66.67}>
|
|
2 / 3
|
|
</CircularProgress>
|
|
<CircularProgress color="danger" sx={{ '--CircularProgress-size': '80px' }}>
|
|
<ReportIcon color="danger" />
|
|
</CircularProgress>
|
|
</Box>
|
|
);
|
|
}
|