Slider
Props
interface Props {
data: [],
image?: string, //пока не используется
title?: string, //пока не используется
description?: string //пока не используется
};
Использование
---
import Slider from '@/blocks/slider/Slider.astro';
---
const sliderData = [
{
image: 'https://cdn.alexsab.ru/b/jetour/img/special-offers/dashing-promo/slider-1-1.webp',
title: 'Экономьте в городе',
description: 'Передний привод обеспечивает меньший расход топлива, что особенно выгодно для городских поездок и дальних путешествий.'
},
{
image: 'https://cdn.alexsab.ru/b/jetour/img/special-offers/dashing-promo/slider-1-2.webp',
title: 'Доступная цена без компромиссов',
description: 'Автомобиль с передним приводом имеет привлекательную стартовую стоимость, позволяя получить стильный кроссовер за разумные деньги.'
},
{
image: 'https://cdn.alexsab.ru/b/jetour/img/special-offers/dashing-promo/slider-1-3.webp',
title: 'Проверенные технологии',
description: 'Конструкция переднего привода проще, что снижает затраты на обслуживание и повышает общую надежность автомобиля.'
},
];
<Slider data={sliderData} />
data
Массив объектов
| Имя параметра | По умолчанию | Описание |
|---|---|---|
| image | - | url изображения слайда |
| title | - | Заголовок слайда |
| description | - | Описание слайда |



