UI-кит расширения
В разметке расширения можно использовать те же Vue-компоненты, что и основной интерфейс лаунчера: они импортируются из @rynt/sdk. Так выдерживается единый внешний вид (кнопки, поля, отступы, типографика).
Примеры импорта
ts
import { Button, Input, Stack, Text, Dialog } from '@rynt/sdk';Конкретный набор имён смотрите в автодополнении IDE после установки @rynt/sdk — корневой экспорт включает все группы (базовые элементы, формы, вёрстка, диалоги, навигация и др.).
Обзор по группам
Краткая карта (точные имена компонентов — в пакете):
| Группа | Назначение |
|---|---|
| Базовые | Кнопки, иконки, бейджи, аватары и т.п. |
| Формы | Поля ввода, чекбоксы, селекты, текстовые области. |
| Вёрстка | Стеки, сетки, карточки, секции страницы, скелетоны. |
| Диалоги | Модальные окна, шапка/подвал диалога. |
| Навигация | Вкладки, пункты навигации. |
| Специальные | Составные блоки под сценарии лаунчера. |
Расширения могут также регистрировать виджеты сущностей через API из @rynt/sdk/extension (например registerLauncherEntity) — это уже сценарии с данными лаунчера; подробнее в разделе SDK: UI.
Дальше
- Модели и локальные сборки — пример с
InputиStack - Справочник по компонентам в SDK