SpecialServices
Входные параметры
interface Props {
items: TSpecialService[];
title?: string;
}
export type TSpecialService = {
title: string;
subtitle?: string;
img: string;
}
Использование
---
import SpecialServices from '@/blocks/special-services/SpecialServices.astro';
const services = [
{img: 'https://placehold.co/142x142/444/FFF?text=IMAGE', title: 'Шиномонтаж', subtitle: '1 000 ₽'},
{img: 'https://placehold.co/142x142/444/FFF?text=IMAGE', title: 'Мойка авто', subtitle: '900 ₽'},
{img: 'https://placehold.co/142x142/444/FFF?text=IMAGE', title: 'ТО', subtitle: '500 ₽'},
{img: 'https://placehold.co/142x142/444/FFF?text=IMAGE', title: 'Замена масла', subtitle: '2 000 ₽'}
];
---
<SpecialServices title="Услуги сервиса" items={services} />
| Имя параметра | По умолчанию | Описание |
|---|
| items | - | Массив элементов TSpecialService |
| title | - | Заголовок секции |
TSpecialService
| Имя параметра | По умолчанию | Описание |
|---|
| title | * | Заголовок элемента. Обязательный |
| subtitle | - | Описание для элемента, например цена услуги |
| img | * | Изображение для элемента. Обязательный |