Figma

DarkGradientCards

import { DarkGradientCards } from '@megafon/ui-shared';

Базовое использование

Минимальное количество отображаемых карточек в блоке — 3

<Container disablePaddingBottom >
      <DarkGradientCards
          items={[1, 2, 3].map((item, i) => ({
              imageSrc: i === 0 ? imageBig.src : imageSmall.src,
              title: "Title",
              subtitle: "Subtitle",
              moreIcon: <RecordingIcon />,
              moreText: "moreInfo",
              href: "#",
          }))}
      />
  </Container>

Если карточек больше 3, они выстраиваются в карусель

<Container>
      <TitleDescriptionBox
          title="Видеонаблюдение"
      />
      <DarkGradientCards
          items={[1, 2, 3, 4].map((item, i) => ({
              imageSrc: i === 0 ? imageBig.src : imageSmall.src,
              title: item + ". Склад и производство",
              subtitle: "Соблюдение стандартов на производстве, сохранение имущества, расследование инцидентов",
              moreIcon: <RecordingIcon />,
              moreText: "3 камеры внутри и 2 снаружи",
              href: "#",
          }))}
          carouselNavTheme="light"
          carouselGradientColor="default"
      />
  </Container>