IssueStatusBadge
Status pod własną nazwą projektu, podbarwiony według kategorii: nierozpoczęte, w toku, zrobione albo anulowane. Wybierz go dla statusu zgłoszenia na listach, kartach i w nagłówkach.
- IssueStatusBadge
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: IssueStatusBadge
To doIn progressIn reviewDoneWon’t doSmallWaiting for the security review of the release
Noc, podgląd: IssueStatusBadge
To doIn progressIn reviewDoneWon’t doSmallWaiting for the security review of the release
Wysoki kontrast, podgląd: IssueStatusBadge
To doIn progressIn reviewDoneWon’t doSmallWaiting for the security review of the release
UżycieLink do sekcji Użycie
import { IssueStatusBadge } from '@skribly/ui/tracker'<IssueStatusBadge category="in_progress">{status.name}</IssueStatusBadge>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ść
- Nazwa jest zwykłym tekstem, więc jest odczytywana tak, jak napisano.
- Każda kategoria ma własny kształt znaku (pusty pierścień, przerywany pierścień, pierścień z ptaszkiem, przekreślony pierścień), ukryty przed czytnikami ekranu.
- Pary tekstu i podbarwienia pochodzą z tokenów w każdym motywie, a przezroczysta ramka zachowuje obrys w trybie wymuszonych kolorów.
- Długie nazwy są ucinane, z pełną nazwą w title.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.