Composants UI
Boutons, champs, badges et plus avec les couleurs de votre palette
Alertes
| Plein | Doux | |
|---|---|---|
Primaire | Mise à jour disponible | Mise à jour disponible |
Secondaire | Mise à jour disponible | Mise à jour disponible |
Tertiaire | Mise à jour disponible | Mise à jour disponible |
Accent | Mise à jour disponible | Mise à jour disponible |
Surface | Mise à jour disponible | Mise à jour disponible |
Primaire#264653
Plein
Mise à jour disponible
Doux
Mise à jour disponible
Secondaire#2A9D8F
Plein
Mise à jour disponible
Doux
Mise à jour disponible
Tertiaire#E9C46A
Plein
Mise à jour disponible
Doux
Mise à jour disponible
Accent#F4A261
Plein
Mise à jour disponible
Doux
Mise à jour disponible
Surface#E76F51
Plein
Mise à jour disponible
Doux
Mise à jour disponible
Encadrés
| Plein | Doux | Surface | Contour | |
|---|---|---|---|---|
Primaire | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. |
Secondaire | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. |
Tertiaire | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. |
Accent | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. |
Surface | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. | Un avis ? Nous aimerions connaître votre avis. |
Primaire#264653
Plein
Un avis ?
Nous aimerions connaître votre avis.
Doux
Un avis ?
Nous aimerions connaître votre avis.
Surface
Un avis ?
Nous aimerions connaître votre avis.
Contour
Un avis ?
Nous aimerions connaître votre avis.
Secondaire#2A9D8F
Plein
Un avis ?
Nous aimerions connaître votre avis.
Doux
Un avis ?
Nous aimerions connaître votre avis.
Surface
Un avis ?
Nous aimerions connaître votre avis.
Contour
Un avis ?
Nous aimerions connaître votre avis.
Tertiaire#E9C46A
Plein
Un avis ?
Nous aimerions connaître votre avis.
Doux
Un avis ?
Nous aimerions connaître votre avis.
Surface
Un avis ?
Nous aimerions connaître votre avis.
Contour
Un avis ?
Nous aimerions connaître votre avis.
Accent#F4A261
Plein
Un avis ?
Nous aimerions connaître votre avis.
Doux
Un avis ?
Nous aimerions connaître votre avis.
Surface
Un avis ?
Nous aimerions connaître votre avis.
Contour
Un avis ?
Nous aimerions connaître votre avis.
Surface#E76F51
Plein
Un avis ?
Nous aimerions connaître votre avis.
Doux
Un avis ?
Nous aimerions connaître votre avis.
Surface
Un avis ?
Nous aimerions connaître votre avis.
Contour
Un avis ?
Nous aimerions connaître votre avis.
Badges
| Plein | Doux | Surface | Contour | |
|---|---|---|---|---|
Primaire | Nouveau | Nouveau | Nouveau | Nouveau |
Secondaire | Nouveau | Nouveau | Nouveau | Nouveau |
Tertiaire | Nouveau | Nouveau | Nouveau | Nouveau |
Accent | Nouveau | Nouveau | Nouveau | Nouveau |
Surface | Nouveau | Nouveau | Nouveau | Nouveau |
Primaire#264653
Plein
Nouveau
Doux
Nouveau
Surface
Nouveau
Contour
Nouveau
Secondaire#2A9D8F
Plein
Nouveau
Doux
Nouveau
Surface
Nouveau
Contour
Nouveau
Tertiaire#E9C46A
Plein
Nouveau
Doux
Nouveau
Surface
Nouveau
Contour
Nouveau
Accent#F4A261
Plein
Nouveau
Doux
Nouveau
Surface
Nouveau
Contour
Nouveau
Surface#E76F51
Plein
Nouveau
Doux
Nouveau
Surface
Nouveau
Contour
Nouveau
Avatars
| Plein | Doux | Dégradé plein | Dégradé doux | |
|---|---|---|---|---|
Primaire | E EV | E EV | E EV | E EV |
Secondaire | E EV | E EV | E EV | E EV |
Tertiaire | E EV | E EV | E EV | E EV |
Accent | E EV | E EV | E EV | E EV |
Surface | E EV | E EV | E EV | E EV |
Primaire#264653
Plein
E
EV
Doux
E
EV
Dégradé plein
E
EV
Dégradé doux
E
EV
Secondaire#2A9D8F
Plein
E
EV
Doux
E
EV
Dégradé plein
E
EV
Dégradé doux
E
EV
Tertiaire#E9C46A
Plein
E
EV
Doux
E
EV
Dégradé plein
E
EV
Dégradé doux
E
EV
Accent#F4A261
Plein
E
EV
Doux
E
EV
Dégradé plein
E
EV
Dégradé doux
E
EV
Surface#E76F51
Plein
E
EV
Doux
E
EV
Dégradé plein
E
EV
Dégradé doux
E
EV
Progression
| Plein | Doux | |
|---|---|---|
Primaire | Progression55% | Progression55% |
Secondaire | Progression55% | Progression55% |
Tertiaire | Progression55% | Progression55% |
Accent | Progression55% | Progression55% |
Surface | Progression55% | Progression55% |
Primaire#264653
Plein
Progression55%
Doux
Progression55%
Secondaire#2A9D8F
Plein
Progression55%
Doux
Progression55%
Tertiaire#E9C46A
Plein
Progression55%
Doux
Progression55%
Accent#F4A261
Plein
Progression55%
Doux
Progression55%
Surface#E76F51
Plein
Progression55%
Doux
Progression55%
Boutons
| Moderne | Classique | Plein | Doux | Surface | Contour | |
|---|---|---|---|---|---|---|
Primaire | ||||||
Secondaire | ||||||
Tertiaire | ||||||
Accent | ||||||
Surface |
Primaire#264653
Moderne
Classique
Plein
Doux
Surface
Contour
Secondaire#2A9D8F
Moderne
Classique
Plein
Doux
Surface
Contour
Tertiaire#E9C46A
Moderne
Classique
Plein
Doux
Surface
Contour
Accent#F4A261
Moderne
Classique
Plein
Doux
Surface
Contour
Surface#E76F51
Moderne
Classique
Plein
Doux
Surface
Contour
Contrôles de formulaire
| Plein | Doux | |
|---|---|---|
Primaire | ||
Secondaire | ||
Tertiaire | ||
Accent | ||
Surface |
Primaire#264653
Plein
Doux
Secondaire#2A9D8F
Plein
Doux
Tertiaire#E9C46A
Plein
Doux
Accent#F4A261
Plein
Doux
Surface#E76F51
Plein
Doux
Champs de saisie
| Par défaut | Focus | |
|---|---|---|
Primaire | Espace réservé | Espace réservé Texte d'aide |
Secondaire | Espace réservé | Espace réservé Texte d'aide |
Tertiaire | Espace réservé | Espace réservé Texte d'aide |
Accent | Espace réservé | Espace réservé Texte d'aide |
Surface | Espace réservé | Espace réservé Texte d'aide |
Primaire#264653
Par défaut
Espace réservé
Focus
Espace réservé
Texte d'aideSecondaire#2A9D8F
Par défaut
Espace réservé
Focus
Espace réservé
Texte d'aideTertiaire#E9C46A
Par défaut
Espace réservé
Focus
Espace réservé
Texte d'aideAccent#F4A261
Par défaut
Espace réservé
Focus
Espace réservé
Texte d'aideSurface#E76F51
Par défaut
Espace réservé
Focus
Espace réservé
Texte d'aideLiens
| En ligne | |
|---|---|
Primaire | Consultez la documentation pour en savoir plus sur l' API de couleurs. |
Secondaire | Consultez la documentation pour en savoir plus sur l' API de couleurs. |
Tertiaire | Consultez la documentation pour en savoir plus sur l' API de couleurs. |
Accent | Consultez la documentation pour en savoir plus sur l' API de couleurs. |
Surface | Consultez la documentation pour en savoir plus sur l' API de couleurs. |
Primaire#264653
En ligne
Consultez la documentation pour en savoir plus sur l' API de couleurs.
Secondaire#2A9D8F
En ligne
Consultez la documentation pour en savoir plus sur l' API de couleurs.
Tertiaire#E9C46A
En ligne
Consultez la documentation pour en savoir plus sur l' API de couleurs.
Accent#F4A261
En ligne
Consultez la documentation pour en savoir plus sur l' API de couleurs.
Surface#E76F51
En ligne
Consultez la documentation pour en savoir plus sur l' API de couleurs.
Onglets
| Souligné | |
|---|---|
Primaire | Compte Commandes Paramètres Notif. |
Secondaire | Compte Commandes Paramètres Notif. |
Tertiaire | Compte Commandes Paramètres Notif. |
Accent | Compte Commandes Paramètres Notif. |
Surface | Compte Commandes Paramètres Notif. |
Primaire#264653
Souligné
Compte
Commandes
Paramètres
Notif.
Secondaire#2A9D8F
Souligné
Compte
Commandes
Paramètres
Notif.
Tertiaire#E9C46A
Souligné
Compte
Commandes
Paramètres
Notif.
Accent#F4A261
Souligné
Compte
Commandes
Paramètres
Notif.
Surface#E76F51
Souligné
Compte
Commandes
Paramètres
Notif.