lomi. UI
Compteur d'utilisation
Suivez les limites d'utilisation pour les sessions checkout, webhooks, payouts ou abonnements.
Compteur d'utilisation
Pour les limites de compte, l'utilisation du plan ou la consommation sur le portail client.
Aperçu
Usage
Track payment and billing limits before customers hit them.
Checkout sessions820 / 1,000
Payouts89 / 100
Installation
Install to your codebase
Copy the component source with shadcn.
npx shadcn@latest add https://docs.lomi.africa/r/usage-meter.jsonUtilisation
import { UsageMeter } from '@/components/lomi-ui/usage-meter';
<UsageMeter
items={[
{ label: 'Checkout sessions', used: 820, limit: 1000 },
{ label: 'Payouts', used: 89, limit: 100 },
]}
/>;Props
| Prop | Type | Description |
|---|---|---|
items | UsageMeterItem[] | Lignes d’utilisation. |
title | string | Titre optionnel. |
description | string | Texte d’accompagnement optionnel. |