Progress
Полоса прогресса.
value — заполненность от 0 до 100, значения за пределами обрезаются. size задаёт толщину полосы, background: false скрывает дорожку. Цвет заполненной части меняется через barClassName.
Живой пример
Настройки примера
Использование
import { Progress } from '@prosazhin/pbcomponents';
<Progress
value={40}
size='s'
/>;API компонента
| Prop | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
value | number | Заполненность от 0 до 100. | 0 |
size | 'xs' | 's' | 'm' | 'l'xs · s · m · l | Размер компонента. | m |
background | boolean | Показывает дорожку под полосой. | true |
barClassName | string | Класс заполненной полосы. | — |
className | string | Класс корневого элемента. | — |
Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.