PriorityBadge

Priorytet zgłoszenia jako strzałka i słowo. Wybierz compact na kartach, gdzie widać tylko znak.

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

UrgentHighMediumLowLowest

UrgentHighMediumLowLowest

UrgentHighMediumLowLowest

tsx

import { PriorityBadge } from '@skribly/ui/tracker'

tsx

<PriorityBadge level="high" label={t('priority.high')} fieldLabel={t('fields.priority')} compact />

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

Strzałki rosną wraz z poziomem, więc kolejność da się odczytać bez koloru.
Słowo jest zawsze na stronie: compact ukrywa je tylko dla oka, a fieldLabel jest odczytywane przed nim, więc karta mówi „Priority High”.
Znak jest ukryty przed czytnikami ekranu.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.