GitGraph states

An empty history, the history while it loads and a failure that blocks it, shown in place of the rows.

GitGraph

PreviewLink to the section Preview

Live in all three themes. Everything here is interactive.

Light theme, 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.

Dark theme, 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.

High contrast theme, 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.

UsageLink to the section Usage

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')} />

Every label is a prop, so the app passes its own words in its own language. See no built-in text.

AccessibilityLink to the section Accessibility

Loading is a polite status, the error an assertive alert with an icon and words, and the empty text stays inside the named grid.

This demo runs through axe in all three themes on every test run. See what the tests check.