/
Bybaleshqa
/
Forktest
Обзор
Документация
Войти
/
Bybaleshqa
/
Forktest
Код
Запросы
1
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/progress/examples/ControlledCircularProgress.tsx
41 строка
1 KB
Denis Svyatovets
v1.10.0
27 мар 2024, 13:48
27 мар 2024, 13:48
c9029ae
Код
Авторство
О чём код?
import React from 'react' import { CircularProgress } from '@v-uik/base' export const ControlledCircularProgress = (): JSX.Element => { const [progress, setProgress] = React.useState(40) return ( <> <div style={{ display: 'flex', alignItems: 'center' }}> <div style={{ marginRight: 20 }}> <CircularProgress size="xlg" value={progress} max={100} /> </div> <div style={{ marginRight: 20 }}> <CircularProgress size="lg" value={progress} max={100} /> </div> <div style={{ marginRight: 20 }}> <CircularProgress size="md" value={progress} max={100} /> </div> <div style={{ marginRight: 20 }}> <CircularProgress size="sm" value={progress} max={100} /> </div> </div> <div style={{ marginTop: 20 }}> <label> percent: <input style={{ marginLeft: 5 }} type="number" min={0} max={100} value={progress} onChange={(e) => setProgress(Number(e.target.value))} /> </label> </div> </> ) }