Price

Le composant Price est utilisé pour afficher la valeur monétaire d'un produit ou d'un service.

Description

Le composant Prices est utilisé pour afficher la valeur monétaire d'un produit ou d'un service.

En plus de la valeur, il permet d'afficher quelques informations supplémentaires comme : "à partir de", le prix avant réduction, la durée (/mois) et des détails.

Plateformes

Anatomie

  1. À partir de
  2. Valeur : Décimales + Sigle
  3. Prix barré : Valeur avant réduction
  4. Valeur : Nombre entier
  5. Durée : Récurrence du paiement
  6. Détail

Usage

Quand l'utiliser ?

Lorsqu'il est nécessaire de mettre le prix d'un service ou d'un produit en avant.

Do's and don'ts

  • Do

    Respecter la structure du composant

  • Don't

    Il est interdit de modifier la structure du composant. Exemple : placer le sigle € directement derrière le prix

Anatomie

  1. À partir de
  2. Valeur : Décimales + Sigle
  3. Prix barré : Valeur avant réduction
  4. Valeur : Nombre entier
  5. Durée : Récurrence du paiement
  6. Détail

Usage

Quand l'utiliser ?

Lorsqu'il est nécessaire de mettre le prix d'un service ou d'un produit en avant.

Do's and don'ts

  • Do

    Respecter la structure du composant

  • Don't

    Il est interdit de modifier la structure du composant. Exemple : placer le sigle € directement derrière le prix

Des questions ou un feedback ?

N’hésitez pas à contacter la team Design System par mail.