Przejdź do treści

IssueKey

Klucz projektu i numer zgłoszenia czcionką o stałej szerokości. Wybierz go wszędzie, gdzie zgłoszenie jest nazwane, i przekaż href, gdy klucz ma otwierać zgłoszenie.

  • IssueKey

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: IssueKey

SK-101SK-102SK-104

Noc, podgląd: IssueKey

SK-101SK-102SK-104

Wysoki kontrast, podgląd: IssueKey

SK-101SK-102SK-104

UżycieLink do sekcji Użycie

tsx
import { IssueKey } from '@skribly/ui/tracker'
tsx
<IssueKey href="/issues/SK-101">SK-101</IssueKey>

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ść

  • Zwykły tekst albo link React Aria z widoczną obwódką fokusa i celem o wysokości 24 px. translate="no" odsuwa od niego tłumaczy stron. isClosed go przekreśla, więc napisz też słowami obok, że zgłoszenie jest zamknięte, na przykład plakietką statusu.

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

Szukaj na stronie

Strzałki przenoszą między wynikami, Enter otwiera, Esc zamyka. Ctrl K /