CardService
Карточка сервиса с эмблемой, заголовком, описанием и CTA-строкой.
Когда использовать
- Плитки сервисов в каталоге или дашборде.
- Карточка с иконкой-эмблемой, заголовком и кратким описанием.
Установка
pnpm add @cloud-ru/ds-uikit-product-card-predefinedimport { CardService } from '@cloud-ru/ds-uikit-product-card-predefined'Props
Types
Props
CardServiceProps| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
actionLabel | string | — | yes | Текст кнопки действия |
as | ElementType | — | no | Полиморфный элемент: `'div'`, `'a'`, `{Link}` и т.д. |
className | string | — | no | CSS-класс корневого элемента |
content | string | — | yes | Описание |
data-test-id | string | — | no | Support prop для тестов |
disabled | boolean | — | no | Неактивное состояние |
emblem | ReactElement<any, string | JSXElementConstructor<any>> | — | yes | Эмблема — передавайте `<IconPredefined icon={...} />` или произвольный ReactElement |
innerRef | any | — | no | Ref на реальный DOM-элемент / инстанс |
title | string | — | yes | Заголовок карточки |