Location Card

Точка продаж: расстояние, часы работы, способы получения и заказ. Pro · Магазин и платежи › Каталог

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add location-card

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { LocationCard } from 'valyro-ui-pro';

Prop	Type	Default
`name` *	`ReactNode`		Name of the place.
`distance`	`number`		Distance in meters; printed as "236 m" or "1.2 km" in the locale.
`open`	`boolean`		Open now.
`hours`	`ReactNode`		Opening hours after the status: "09:00 – 22:00".
`options`	`LocationOption[]`	`[]`	Ways to get the order: pick-up, delivery.
`action`	`ReactNode`		Main button at the bottom: "Start order".
`secondaryAction`	`ReactNode`		Small control before the main button: a route button.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`3`	Level of the name (default 3).
`locale`	`string`		BCP 47 locale for the distance.
`labels`	`Partial<LocationCardLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Product Card — Карточка товара
Product Grid — Каталог товаров
Product Filters — Фильтры каталога
Product Spotlight — Рекомендованный товар: фото с пометкой, цена, рейтинг и действия
Reviews Summary — Отзывы: средняя оценка, гистограмма-фильтр, сортировка и полезность
Guided Product Finder — Мастер подбора товара: вопросы с ветвлением и объяснение, почему подошло
Shopping Cart Drawer — Выдвижная корзина
Checkout Summary — Сводка оформления заказа
Checkout Form — Оформление заказа: доставка, тип адреса, оплата и проверка полей
Order Tracking — Отслеживание заказа: этапы, перевозчик, трек-номер и история
Invoice — Счёт для печати: позиции, налоги, скидки и итоги в валюте
Credit Card — Банковская карта: градиент или две тональности, сеть по номеру, бесконтактная оплата