Skip to content

UI-кит расширения

В разметке расширения можно использовать те же Vue-компоненты, что и основной интерфейс лаунчера: они импортируются из @rynt/sdk. Так выдерживается единый внешний вид (кнопки, поля, отступы, типографика).

Примеры импорта

ts
import { Button, Input, Stack, Text, Dialog } from '@rynt/sdk';

Конкретный набор имён смотрите в автодополнении IDE после установки @rynt/sdk — корневой экспорт включает все группы (базовые элементы, формы, вёрстка, диалоги, навигация и др.).

Обзор по группам

Краткая карта (точные имена компонентов — в пакете):

ГруппаНазначение
БазовыеКнопки, иконки, бейджи, аватары и т.п.
ФормыПоля ввода, чекбоксы, селекты, текстовые области.
ВёрсткаСтеки, сетки, карточки, секции страницы, скелетоны.
ДиалогиМодальные окна, шапка/подвал диалога.
НавигацияВкладки, пункты навигации.
СпециальныеСоставные блоки под сценарии лаунчера.

Расширения могут также регистрировать виджеты сущностей через API из @rynt/sdk/extension (например registerLauncherEntity) — это уже сценарии с данными лаунчера; подробнее в разделе SDK: UI.

Дальше