ScoreBadge sizes
Trzy rozmiary i trzy oceny. Progi można zmienić, na przykład dla sprawdzenia, w którym 70 jest już dobre.
- ScoreBadge
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: ScoreBadge sizes
Noc, podgląd: ScoreBadge sizes
Wysoki kontrast, podgląd: ScoreBadge sizes
UżycieLink do sekcji Użycie
import { ScoreBadge } from '@skribly/ui/ops'<ScoreBadge value={58} label={t('audit.seo')} size="sm" thresholds={{ good: 80, fair: 50 }} />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ść
- Każda plakietka jest nazwanym miernikiem.
- Bez gradeLabels odczytuje swój procent; przekaż valueText, aby powiedzieć to innymi słowami.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.