/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/loading-button/examples/PercentLoadingButton.tsx
34 строки
702 B
Калиниченко Никита Артемович
feat(loading-button): добавлена возможность контроллировать уровень состояния загрузки
26 мар 2025, 16:51
26 мар 2025, 16:51
152b206
Код
Авторство
О чём код?
import * as React from 'react' import { LoadingButton } from '@v-uik/base' export const PercentLoadingButton = (): JSX.Element => { const [valueCounter, setValueCounter] = React.useState(0) React.useEffect(() => { const updateCounter = () => { setValueCounter((prev) => { if (prev < 50) { return prev + 10 } else { return 0 } }) } const intervalId = setInterval(updateCounter, 500) return () => { clearInterval(intervalId) } }, []) return ( <LoadingButton isLoading loadingTitle="Loading..." prefixProps={{ value: valueCounter, max: 50 }} > Button </LoadingButton> ) }