Przejdź do treści

VcsBadge

Host git konta albo repozytorium: GitHub, GitLab, Bitbucket, Gitea lub Azure DevOps. Przekaż awatar konta jako src, aby pokazać osobę.

  • VcsBadge

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: VcsBadge

  • GitHub
  • GitLab
  • Bitbucket
  • Gitea
  • Azure DevOps

Noc, podgląd: VcsBadge

  • GitHub
  • GitLab
  • Bitbucket
  • Gitea
  • Azure DevOps

Wysoki kontrast, podgląd: VcsBadge

  • GitHub
  • GitLab
  • Bitbucket
  • Gitea
  • Azure DevOps

UżycieLink do sekcji Użycie

tsx
import { VcsBadge } from '@skribly/ui/brand'
tsx
<VcsBadge kind="gitlab" label="GitLab" />
<VcsBadge kind="github" src={account.avatarUrl} size={36} />

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

  • Dekoracja, chyba że ustawiono label; pomiń go, gdy nazwa hosta jest napisana obok.
  • Litery nazywają hosta, więc kolor tokenu jest tylko wskazówką.

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 /