VcsBadge
The git host of an account or a repository: GitHub, GitLab, Bitbucket, Gitea or Azure DevOps. Pass the account avatar as src to show the person instead.
- VcsBadge
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, VcsBadge
- GitHub
- GitLab
- Bitbucket
- Gitea
- Azure DevOps
Dark theme, VcsBadge
- GitHub
- GitLab
- Bitbucket
- Gitea
- Azure DevOps
High contrast theme, VcsBadge
- GitHub
- GitLab
- Bitbucket
- Gitea
- Azure DevOps
UsageLink to the section Usage
import { VcsBadge } from '@skribly/ui/brand'<VcsBadge kind="gitlab" label="GitLab" />
<VcsBadge kind="github" src={account.avatarUrl} size={36} />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
- Decoration unless label is set; leave it out when the host name is written next to it.
- The letters name the host, so the token colour is a hint only.
This demo runs through axe in all three themes on every test run. See what the tests check.