Wallet Balance

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

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add wallet-balance

npm install valyro-ui-pro

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

Prop	Type	Default
`balance` *	`number`		Money available.
`currency`	`string`	`'USD'`	ISO 4217 code. Default USD.
`hidden`	`boolean`		Hides the amount behind dots (controlled); the eye button toggles it.
`defaultHidden`	`boolean`		Initial `hidden` when uncontrolled.
`onHiddenChange`	`(hidden: boolean) => void`		Called with the new `hidden` when it changes.
`actions`	`ReactNode`		Buttons under the amount: top up, auto-reload.
`paymentMethod`	`WalletPaymentMethod`		Card used for top-ups, shown in its own row.
`children`	`ReactNode`		Content below: usually a TransactionList with `variant="plain"`.
`locale`	`string`		BCP 47 locale for the amount.
`labels`	`Partial<WalletBalanceLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

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