Monstera

CreditProgressBar

La jauge des cartes de crédit, haute de 8 px. Quatre variantes qui ne lisent pas value de la même façon.

Utilisation

import { CreditProgressBar } from "@monstera/ui"

Crédit renouvelable

value est la fraction utilisée, rendue en neutre. Tout ce qui reste passe en cyan : c'est le disponible qui est mis en avant, pas la dette.

Crédit personnel

La variante par défaut. Un seul remplissage navy sur une piste neutre, value étant la fraction remplie de 0 à 1.

Paiement en 3x et 4x

Sur ces deux variantes value change de nature : ce n'est plus une fraction mais un nombre de segments activés, de 0 à 3 ou de 0 à 4.

API

Prop

Type

Sur cette page