Meter
Poziom w znanym zakresie, taki jak zajęte miejsce albo wynik. Dla pracy, która zmierza do końca, wybierz ProgressBar.
- Meter
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: Meter
Memory
Monthly build minutesRunning low
Disk space on the shared project volumeAlmost full
Profile completeComplete
Noc, podgląd: Meter
Memory
Monthly build minutesRunning low
Disk space on the shared project volumeAlmost full
Profile completeComplete
Wysoki kontrast, podgląd: Meter
Memory
Monthly build minutesRunning low
Disk space on the shared project volumeAlmost full
Profile completeComplete
UżycieLink do sekcji Użycie
import { Meter } from '@skribly/ui/feedback'<Meter label="Disk space" value={92} tone="danger" status="Almost full" valueLabel="92 of 100 GB" />Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Rola meter nazwana przez label, z wartością i valueLabel odczytywanymi jako tekst.
- Ton ostrzeżenia albo niebezpieczeństwa dostaje słowo statusu z ikoną, powiązane z miernikiem jako opis.
- Tekst wartości jest też na ekranie, więc pasek nigdy nie jest jedynym sygnałem.
- Wypełnienie przybiera kolor Highlight w trybie wymuszonych kolorów.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.