Тема
SCard
Обзор
Карточка-контейнер с заголовком и слотами контента.
Usage
API
Краткий справочник props, slots и events — см. API Reference.
Slots
С actions-слотом
API Reference
Свойства
| Имя | Тип | Описание | По умолчанию |
|---|---|---|---|
layout | ESCardLayout | Раскладка карточки или строки списка. | 'card' |
title | string | Заголовок; для своей разметки — слот title. | — |
subtitle | string | Подзаголовок; для своей разметки — слот subtitle. | — |
icon | TSIconName | Иконка слева; для своей разметки — слот icon. | 'page' |
selectable | boolean | Показывает чекбокс выбора. | false |
disabled | boolean | Отключает взаимодействие. | false |
skeleton | boolean | Режим скелетона вместо контента. | false |
link | string | RouteLocationRaw | Рендер как ссылка (a или router-link), если задано. | — |
exact | boolean | Точное совпадение маршрута для router-link (path и query). | false |
replace | boolean | Замена текущей записи в history при навигации. | false |
modelValue / v-model:selected | boolean | Двустороннее значение для v-model:selected. | false |
События
| Имя | Описание | Payload |
|---|---|---|
click | Клик по карточке. | MouseEvent |
keydown | Нажатие клавиши на карточке. | KeyboardEvent |
Слоты
| Имя | Описание |
|---|---|
icon | Иконка слева; по умолчанию SIcon из prop icon |
title | Заголовок карточки |
subtitle | Подзаголовок карточки |
meta | Дополнительный блок справа от текста |
selected-indicator | Индикатор выбора; по умолчанию SCheckbox |