---
metadata:
  - name: generator
    content: Diplodoc Platform v5.54.2
  - property: og:type
    content: article
  - property: article:section
    content: Plugin platform
  - property: og:title
    content: PriorityIcon
  - property: article:tag
    content: Техническая инструкция
alternate:
  - https://yandex.ru/support/tracker/en/plugins/components/priority-icon.md
  - https://yandex.ru/support/tracker/ru/plugins/components/priority-icon.md
  - href: en/plugins/components/priority-icon.md
    type: text/markdown
    title: Markdown version
  - href: ../../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tracker/en/llms.txt

[← Back to components list](https://yandex.ru/support/tracker/en/plugins/components/index.md)

# PriorityIcon {#priority-icon}

Displays a Tracker issue priority icon. Each priority level has a corresponding icon and color. Unknown priority values don't cause an error — the component displays the default icon (normal).

## Usage {#usage}

```tsx
import {PriorityIcon} from '@weavix/tracker-components';

<PriorityIcon priority="blocker" />
<PriorityIcon priority="critical" />
<PriorityIcon priority="normal" />
```

## Supported priorities {#supported-priorities}

`blocker` · `critical` · `important` · `normal` · `minor` · `minimal` · `trivial` · arbitrary string (displays as `normal`)

## From Tracker API {#tracker-api}

Requires the `"tracker:issues:read"` permission in the plugin's `manifest.json`:

```json
{
    "permissions": {
        "data": ["tracker:issues:read"]
    }
}
```

```tsx
import {PriorityIcon} from '@weavix/tracker-components';

const priority = await trackerApi.v3.get['/issues/{id}/{field}']({
    pathParams: {
        id: 'ISSUEKEY-1',
        field: 'priority',
    },
});

<PriorityIcon
    priority={priority.data.key}
    title={priority.data.display}
/>
```

## Props {#props}

| Prop | Type | Default | Description |
|---|---|---|---|
| `priority` | `string` | — | Issue priority key. Supported values are listed above |
| `size` | `number` | `16` | Icon size in pixels |
| `title` | `string` | — | Readable priority name for screen readers. If not provided, the icon is marked as decorative (`aria-hidden`) |
| `showBackground` | `boolean` | `false` | Show a round colored background behind the icon |
| `backgroundSize` | `number` | — | Background circle size in pixels (only with `showBackground`) |
| `metaEntity` | `boolean` | `false` | Apply color variations for meta-entities |
| `className` | `string` | — | Additional CSS class for the icon |
| `containerClassName` | `string` | — | Additional CSS class for the outer container |