Skip to content

TrackerBadge

The issue tracker an account or a task comes from, in settings and task lists.

  • TrackerBadge

PreviewLink to the section Preview

Live in all three themes. Everything here is interactive.

Light theme, TrackerBadge

STJRGHGLL

Dark theme, TrackerBadge

STJRGHGLL

High contrast theme, TrackerBadge

STJRGHGLL

UsageLink to the section Usage

tsx
import { TrackerBadge } from '@skribly/ui/brand'
tsx
<TrackerBadge kind="jira" label="Jira" />

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.
  • The letters name the tracker; red and green are kept for danger and success, so trackers whose own colour is one of them are neutral here.

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

Search this site

Arrows move through the results, Enter opens one, Esc closes. Ctrl K /