---
metadata:
  - name: generator
    content: Diplodoc Platform v5.54.5
  - property: og:type
    content: article
  - property: article:section
    content: Платформа плагинов
  - property: og:title
    content: '@weavix/tracker-components — Руководство по использованию'
  - property: article:tag
    content: Техническая инструкция
alternate:
  - https://yandex.ru/support/tracker/en/plugins/components/index.md
  - https://yandex.ru/support/tracker/ru/plugins/components/index.md
  - href: ru/plugins/components/index.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/ru/llms.txt


# @weavix/tracker-components — Руководство по использованию

Библиотека UI-компонентов для создания плагинов Трекера. Построена на базе [Gravity UI](https://gravity-ui.com/) и React 18.

## Установка {#install}

```bash
pnpm add @weavix/tracker-components
```

**Peer-зависимости:**

| Пакет | Версия |
|---|---|
| `react`, `react-dom` | `^18` |
| `@gravity-ui/uikit` | `^7` |
| `@gravity-ui/icons` | `^2` |

## Компоненты {#components}

| Компонент | Описание | Скриншот |
|---|---|---|
| [IssueTypeIcon](issue-type-icon.md) | Иконка типа задачи Трекера | ![IssueTypeIcon](../../_assets/plugins/components/component-issue-type-icon.png){width=300 .border-yes .table-image} |
| [MetaEntitiesSelect](meta-entities-select.md) | Выбор мета-сущностей Трекера (проекты, портфели, цели, отчеты) на основе саджеста с иконками и кнопкой очистки | ![MetaEntitiesSelect](../../_assets/plugins/components/component-metaentity-select.png){width=300 .border-yes .table-image} |
| [MetaEntityIcon](meta-entity-icon.md) | Универсальная иконка мета-сущности: автоматически выбирает иконку проекта, портфеля или цели по типу сущности | ![MetaEntityIcon](../../_assets/plugins/components/component-metaentity-icon.png){width=300 .border-yes .table-image} |
| [PluginFieldsSelect](plugin-fields-select.md) | Выпадающий список полей Трекера с автоматической группировкой по категориям, поиском и мультивыбором | ![PluginFieldsSelect](../../_assets/plugins/components/component-plugin-field-select.png){width=400 .border-yes .table-image} |
| [QueueSelect](queue-select.md) | Выпадающий список для выбора очереди Трекера. Поддерживает статический список, асинхронный саджест, иконки и диалог подтверждения перед сменой выбора | ![QueueSelect](../../_assets/plugins/components/component-queue-select.png){width=300 .border-yes .table-image} |
| [TrackerDisclosure](tracker-disclosure.md) | Раскрывающийся блок (аккордеон) в стиле Трекера с поддержкой тулбара и настраиваемой стрелкой | ![TrackerDisclosure collapsed](../../_assets/plugins/components/component-disclosure-collapsed.png){width=250 .border-yes .table-image} <br/> ![TrackerDisclosure expanded](../../_assets/plugins/components/component-disclosure-expanded.png){width=250 .border-yes .table-image} |
| [PriorityIcon](priority-icon.md) | Иконка приоритета задачи Трекера (blocker, critical, normal и др.). Неизвестные значения отображаются иконкой по умолчанию | ![PriorityIcon](../../_assets/plugins/components/component-priority-icon.png){width=300 .border-yes .table-image} |
| [StatusIcon](status-icon.md) | Иконка статуса задачи Трекера (new, inProgress, done и др.). Неизвестные статусы отображаются со знаком вопроса | ![StatusIcon](../../_assets/plugins/components/component-status-icon.png){width=300 .border-yes .table-image} |

<!-- source: ru/_assets/style/image.md -->

<!-- endsource: ru/_assets/style/image.md -->