# Compteur d'utilisation
Source: https://docs.lomi.africa/build/lomi-ui/usage-meter

Suivez les limites d'utilisation pour les sessions checkout, webhooks, payouts ou abonnements.

***

title: Compteur d'utilisation
description: Suivez les limites d'utilisation pour les sessions checkout, webhooks, payouts ou abonnements.
-----------------------------------------------------------------------------------------------------------

import { UsageMeterDemo } from '@/components/lomi-ui/demo';

# Compteur d'utilisation

Pour les limites de compte, l'utilisation du plan ou la consommation sur le portail client.

## Aperçu

<UsageMeterDemo />

## Installation

<Installation name="usage-meter" />

## Utilisation

```tsx
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. |