GitGraph states

Pusta historia, historia w trakcie ładowania i błąd, który ją blokuje, pokazane zamiast wierszy.

GitGraph

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: GitGraph states

This repository has no commits yet. Save the first one from the Changes panel.

Reading the history

Git did not answer. Check that the folder is a repository.

Noc, podgląd: GitGraph states

This repository has no commits yet. Save the first one from the Changes panel.

Reading the history

Git did not answer. Check that the folder is a repository.

Wysoki kontrast, podgląd: GitGraph states

This repository has no commits yet. Save the first one from the Changes panel.

Reading the history

Git did not answer. Check that the folder is a repository.

UżycieLink do sekcji Użycie

tsx

import { GitGraph } from '@skribly/ui/code'

tsx

<GitGraph label={t('history.title')} commits={log} isLoading={loading}
  loadingLabel={t('history.loading')} error={failed && t('history.failed')} emptyState={t('history.empty')} />

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

Ładowanie jest statusem typu polite, błąd komunikatem typu assertive z ikoną i słowami, a tekst pustego stanu zostaje wewnątrz nazwanej siatki.

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