BenefitsPictures

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

Примеры и код
Свойства и методы

Демо данныеconst items = [
    {
        title: 'Интернет',
        text: 'Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.',
        img: image.png,
    },
    {
        title: 'Интернет',
        text: 'Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.',
        img: image.png,
    },
]

Выравнивание по левому краю

Большое расстояние между бенефитами

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures items={twoItems} />

<BenefitsPictures items={twoItems} />

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures items={threeItems} />

<BenefitsPictures items={threeItems} />

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures items={fourItems} />

<BenefitsPictures items={fourItems} />

Среднее расстояние между бенефитами

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures gridGap="medium" items={twoItems} />

<BenefitsPictures gridGap="medium" items={twoItems} />

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures gridGap="medium" items={threeItems} />

<BenefitsPictures gridGap="medium" items={threeItems} />

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures gridGap="medium" items={fourItems} />

<BenefitsPictures gridGap="medium" items={fourItems} />

Выравнивание по центру

Большое расстояние между бенефитами

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures align="center" items={twoItems} />

<BenefitsPictures align="center" items={twoItems} />

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures align="center" items={threeItems} />

<BenefitsPictures align="center" items={threeItems} />

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures align="center" items={fourItems} />

<BenefitsPictures align="center" items={fourItems} />

Среднее расстояние между бенефитами

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures gridGap="medium" align="center" items={twoItems} />

<BenefitsPictures gridGap="medium" align="center" items={twoItems} />

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures gridGap="medium" align="center" items={threeItems} />

<BenefitsPictures gridGap="medium" align="center" items={threeItems} />

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

Интернет

Подключение к домашнему интернету осуществляется в удобное для вас время по технологиям Ethernet, Docsis.

<BenefitsPictures gridGap="medium" align="center" items={fourItems} />

<BenefitsPictures gridGap="medium" align="center" items={fourItems} />