Skip to content

STab ​

Обзор ​

Элемент вкладки для использования внутри STabs.

Usage ​

API ​

Краткий справочник props, slots и events — см. API Reference.

Guide ​

Режим переименования ​

API Reference ​

Свойства ​

ИмяТипОписаниеПо умолчанию
appearanceESTabAppearanceВизуальный стиль вкладки.—
sizeESTabSizeРазмер вкладки.—
disabledbooleanОтключает взаимодействие.false
selectedbooleanВизуально выделенное состояние (в группе STabs).false
iconTSIconNameИконка слева; для своей разметки — слот icon.—
iconOnlybooleanТолько иконка без текста.false
billingbooleanПоказывает billing-индикатор.false
placeholderbooleanРежим placeholder: caret перед текстом или текст с caret после.false
placeholderTextstringТекст placeholder для поля переименования.—
editableStaticDisplaybooleanСтатический вид rename (текст + caret) для Storybook/QA.false
iconBadgeTSIconNameМаленькая иконка-бейдж на основной иконке.—
valueTSButtonValueЗначение вкладки в группе STabs.—
linkstring | RouteLocationRawРендер как ссылка (a или router-link), если задано.—
exactbooleanТочное совпадение маршрута для router-link (path и query).false
replacebooleanЗамена текущей записи в history при навигации.false
closablebooleanКрестик закрытия вкладки и событие close. Крестик не фокусируется: вкладка — уже интерактивный элемент, а с клавиатуры её закрывает Delete/Backspace (aria-keyshortcuts).false
modelValue / v-modelstringДвустороннее значение компонента (v-model).''

События ​

ИмяОписаниеPayload
clickКлик по вкладке.MouseEvent
renameПодтверждение переименования вкладки.string
closeЗапрос на закрытие вкладки (closable): клик по крестику или Delete/Backspace на вкладке.union

Слоты ​

ИмяОписание
iconИконка вкладки; по умолчанию SIcon из prop icon
defaultТекст вкладки (если не используется v-model rename)
rightКонтент справа от подписи (caret, счётчик); без интерактивных элементов: вкладка — уже контрол