IssueTypeBadge

The kind of an issue as a glyph and a word: bug, feature, task, improvement or epic. Pass icon for a kind the app defines itself.

PreviewLink to the section Preview

Live in all three themes. Everything here is interactive.

BugFeatureTaskImprovementEpic

BugFeatureTaskImprovementEpic

BugFeatureTaskImprovementEpic

tsx

import { IssueTypeBadge } from '@skribly/ui/tracker'

tsx

<IssueTypeBadge kind="bug" label={t('types.bug')} />

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

Each kind has its own glyph shape, hidden from screen readers; the word carries the meaning and stays for screen readers when compact hides it.

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