LabelList
Etykiety zgłoszenia jako nazwana, zawijająca się lista. Wybierz max tam, gdzie brakuje miejsca; reszta składa się za przyciskiem +N.
- LabelList
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: LabelList
- frontend
- accessibility
- frontend
- backend
- accessibility
No labels
Noc, podgląd: LabelList
- frontend
- accessibility
- frontend
- backend
- accessibility
No labels
Wysoki kontrast, podgląd: LabelList
- frontend
- accessibility
- frontend
- backend
- accessibility
No labels
UżycieLink do sekcji Użycie
import { LabelList } from '@skribly/ui/tracker'<LabelList labels={issue.labels} label={t('fields.labels')} max={3}
moreLabel={(n) => t('labels.more', { count: n })} lessLabel={t('labels.fewer')} />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ść
- Lista nazwana przez label, więc czytniki ekranu mówią, ile jest etykiet.
- Przycisk +N jest nazwany przez moreLabel, ma aria-expanded i steruje listą; zachowuje fokus, gdy lista się otwiera, i staje się przyciskiem, który ją składa z powrotem.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.