Usage Quota

Лимиты использования. Pro · Магазин и платежи › Подписки и тарифы

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add usage-quota

npm install valyro-ui-pro

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

Prop	Type	Default
`meters` *	`UsageQuotaMeter[]`		Quotas shown as meters; the fullest one sets the card's status and upgrade message.
`variant`	`'card' \| 'compact'`	`'card'`	`card` — panel with header and upgrade footer; `compact` — dense rows for sidebars.
`title`	`ReactNode`		Defaults to `labels.title`.
`resetsAt`	`DateInput`		When the quota period restarts.
`onUpgrade`	`() => void`		Shows an upgrade call to action.
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's.
`labels`	`Partial<UsageQuotaLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Subscription Manager — Управление подпиской: статус, возможности, квоты, оплата и отмена
Billing Plan Card — Управление подпиской
Subscription Plan Simulator — Калькулятор тарифов: места, месяц или год, НДС и точная разбивка цены
Product Card — Карточка товара
Product Grid — Каталог товаров
Product Filters — Фильтры каталога
Product Spotlight — Рекомендованный товар: фото с пометкой, цена, рейтинг и действия
Reviews Summary — Отзывы: средняя оценка, гистограмма-фильтр, сортировка и полезность
Guided Product Finder — Мастер подбора товара: вопросы с ветвлением и объяснение, почему подошло
Location Card — Точка продаж: расстояние, часы работы, способы получения и заказ
Shopping Cart Drawer — Выдвижная корзина
Checkout Summary — Сводка оформления заказа