StatusDot
Mała kropka i słowo dla stanu procesu, usługi albo osoby. Wybierz ją dla list rzeczy, które działają.
- StatusDot
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: StatusDot
RunningStartingWaiting for inputExited with code 1Idleapi-gateway Running
Noc, podgląd: StatusDot
RunningStartingWaiting for inputExited with code 1Idleapi-gateway Running
Wysoki kontrast, podgląd: StatusDot
RunningStartingWaiting for inputExited with code 1Idleapi-gateway Running
UżycieLink do sekcji Użycie
import { StatusDot } from '@skribly/ui/feedback'<StatusDot tone="ok" label="Running" pulse />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ść
- Etykieta jest zawsze na stronie. hideLabel zachowuje ją tylko dla czytników ekranu, więc użyj go tylko wtedy, gdy stan jest napisany w pobliżu.
- Kropka jest ukryta przed czytnikami ekranu i w trybie wymuszonych kolorów przybiera CanvasText.
- Pulsowanie zatrzymuje się przy ograniczonym ruchu.
- Gdy stan zmienia się przy otwartej stronie, ogłoś to przez region na żywo.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.