ChipCount
Mały licznik obok etykiety: nieprzeczytane, otwarte zgłoszenia albo wyniki. Skraca długie liczby, na przykład do 99+.
- ChipCount
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: ChipCount
Inbox 4 unreadIssues 250 open issuesAlerts 2 new alerts
Noc, podgląd: ChipCount
Inbox 4 unreadIssues 250 open issuesAlerts 2 new alerts
Wysoki kontrast, podgląd: ChipCount
Inbox 4 unreadIssues 250 open issuesAlerts 2 new alerts
UżycieLink do sekcji Użycie
import { ChipCount } from '@skribly/ui/navigation'<ChipCount value={250} label="250 unread" />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ść
- Liczba jest odczytywana jako etykieta, gdy ją podano, więc czytnik ekranu mówi „250 unread”, a nie „99 plus”.
- Zachowuje ramkę 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.