RefBadge
Gałąź, gałąź zdalna, tag albo bieżący HEAD, osobno, na przykład w nagłówku albo na liście wydań.
- RefBadge
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: RefBadge
Current branch mainBranch feature/quick-openRemote branch origin/mainTag v0.4.0Branch feature/a-branch-name-that-goes-on-for-much-longer-than-the-badge
Noc, podgląd: RefBadge
Current branch mainBranch feature/quick-openRemote branch origin/mainTag v0.4.0Branch feature/a-branch-name-that-goes-on-for-much-longer-than-the-badge
Wysoki kontrast, podgląd: RefBadge
Current branch mainBranch feature/quick-openRemote branch origin/mainTag v0.4.0Branch feature/a-branch-name-that-goes-on-for-much-longer-than-the-badge
UżycieLink do sekcji Użycie
import { RefBadge } from '@skribly/ui/code'<RefBadge kind="branch">feature/quick-open</RefBadge>
<RefBadge kind="remote" kindLabel={t('git.remote')}>origin/main</RefBadge>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żdy rodzaj ma własny znak, a nie tylko kolor, i jego rodzaj można odczytać przed nazwą.
- Długie nazwy są ucinane na ekranie i zostają w całości dla czytników ekranu.
- Ramka pokazuje się 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.