Skip to content

SCard

Обзор

Карточка-контейнер с заголовком и слотами контента.

Usage

API

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

Slots

С actions-слотом

API Reference

Свойства

ИмяТипОписаниеПо умолчанию
layoutESCardLayoutРаскладка карточки или строки списка.'card'
titlestringЗаголовок; для своей разметки — слот title.
subtitlestringПодзаголовок; для своей разметки — слот subtitle.
iconTSIconNameИконка слева; для своей разметки — слот icon.'page'
selectablebooleanПоказывает чекбокс выбора.false
disabledbooleanОтключает взаимодействие.false
skeletonbooleanРежим скелетона вместо контента.false
linkstring | RouteLocationRawРендер как ссылка (a или router-link), если задано.
exactbooleanТочное совпадение маршрута для router-link (path и query).false
replacebooleanЗамена текущей записи в history при навигации.false
modelValue / v-model:selectedbooleanДвустороннее значение для v-model:selected.false

События

ИмяОписаниеPayload
clickКлик по карточке.MouseEvent
keydownНажатие клавиши на карточке.KeyboardEvent

Слоты

ИмяОписание
iconИконка слева; по умолчанию SIcon из prop icon
titleЗаголовок карточки
subtitleПодзаголовок карточки
metaДополнительный блок справа от текста
selected-indicatorИндикатор выбора; по умолчанию SCheckbox