SeverityBadge

Poziom ustalenia albo incydentu, od krytycznego do informacyjnego. Wybierz ją zawsze, gdy pozycje są uszeregowane według ważności.

PodglądLink do sekcji Podgląd

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

CriticalHighMediumLowInfo

CriticalHighMediumLowInfo

CriticalHighMediumLowInfo

tsx

import { SeverityBadge } from '@skribly/ui/feedback'

tsx

<SeverityBadge severity="high">{t('severity.high')}</SeverityBadge>

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

Poziom jest widocznym słowem, które pochodzi z aplikacji.
Szewrony rosną wraz z poziomem, więc kolejność da się odczytać bez koloru; 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.