Пропсы корня
| Проп | Тип | По умолчанию |
|---|---|---|
size | MeterStackSize | 'md' |
| Визуальный размер индикатора. Обычно соответствует предопределённым токенам размера дизайн-системы. | ||
max | number | 1 |
| Максимально возможное значение индикатора. По умолчанию 100. | ||
min | number | 0 |
| Минимально возможное значение индикатора. По умолчанию 0. | ||
valueобязательный | number | — |
Текущее числовое значение индикатора. Обязательно. Ограничивается диапазоном от min до max. | ||
fullWidth | boolean | — |
| Растягивается ли индикатор на всю ширину контейнера. | ||
Также принимает все атрибуты <div>.
Дочерние части
MeterStackSegment: один пропорциональный сегмент.
MeterStackSegment
| Проп | Тип | По умолчанию |
|---|---|---|
value | number | — |
| Числовое значение, которое визуально представляет этот частичный элемент. Например, сегмент составного индикатора. | ||
Также принимает все атрибуты <div>.
Типы
MeterStackPropsMeterStackSegmentPropsMeterStackSize
Модель состояния
MeterStackтолько отображает данные и не имеет контролируемого состояния взаимодействия.- Корень передаёт каждому сегменту контекст
minиmaxдля семантики ARIA meter.