Transaction List

Список операций: списания, пополнения, возвраты и остаток. Pro · Магазин и платежи › Оплата и кошелёк

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add transaction-list

npm install valyro-ui-pro

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

Prop	Type	Default
`transactions` *	`Transaction[]`		Operations, newest first.
`currency`	`string`	`'USD'`	ISO 4217 code of the amounts. Default USD.
`title`	`ReactNode`		Heading above the list.
`action`	`ReactNode`		Link or button at the end of the heading row: "View all".
`showFooter`	`boolean`	`true`	Summary and color legend under the list. Default true.
`showBalance`	`boolean`	`true`	Shows the balance after each operation (hidden on narrow containers). Default true.
`variant`	`'card' \| 'plain'`	`'card'`	`card`: a framed panel; `plain`: no frame, to sit inside another card. Default `card`.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`3`	Level of the heading (default 3).
`locale`	`string`		BCP 47 locale for money and dates.
`timeZone`	`string`		IANA time zone for the dates.
`labels`	`Partial<TransactionListLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Credit Card — Банковская карта: градиент или две тональности, сеть по номеру, бесконтактная оплата
Card Input — Номер, срок и CVC в одном поле: маски, Луна, автопереход
Payment Methods — Сохранённые карты и кошельки карточками-переключателями
Wallet Balance — Баланс кошелька: скрытие суммы, действия, карта для пополнения
Purchase Card — Покупка продукта: баннер, разовая оплата или подписка, карта и адрес
Loyalty Rewards — Программа лояльности: баллы, уровень, прогресс и каталог наград
Product Card — Карточка товара
Product Grid — Каталог товаров
Product Filters — Фильтры каталога
Product Spotlight — Рекомендованный товар: фото с пометкой, цена, рейтинг и действия
Reviews Summary — Отзывы: средняя оценка, гистограмма-фильтр, сортировка и полезность
Guided Product Finder — Мастер подбора товара: вопросы с ветвлением и объяснение, почему подошло