Usages
Bouton primaire - Primary
Ces boutons sont utilisés pour des actions importantes que les utilisateurs ne doivent pas manquer.
Le bouton principal doit être le plus visible sur une page. Il doit y avoir au maximum un bouton principal par écran pour maintenir une hiérarchie claire basée sur les actions (en dehors des boîtes de dialogue et autres superpositions). Il n'est pas toujours nécessaire d'utiliser un bouton principal sur chaque écran.
Bouton secondaire - Secondary
Ceux-ci sont utilisés pour des actions basiques : ni trop visibles, ni trop discrètes.
Ils sont à utiliser pour des actions neutres. Il n'y a pas de limite au nombre de boutons secondaires que l'on peut utiliser. Un bouton secondaire est plus facile à identifier lorsqu'il est placé à côté d'un bouton principal que lorsqu'il est placé séparément.
Bouton tertiaire - Tertiary
Le bouton tertiaire est utilisé pour les actions qui doivent être disponibles, mais non annoncées.
Ils sont à utiliser pour les actions qui n'ont pas besoin d'être très visibles. Il peut s'agir d'actions que les utilisateurs n'ont pas besoin d'effectuer très souvent.
Bouton sous forme de lien - Link
Ces boutons sont utilisés pour des actions que l'on souhaite rendre disponible à l'utilisateur tout en restant discret. Ce sont généralement des actions qui sortent l'utilisateur de l'application.
Bouton danger - Destructive
Les boutons de danger sont à utiliser pour les actions qui pourraient avoir un effet destructeur sur les données de l'utilisateur comme par exemple, supprimer un contact, des données.
Comportement général
Un bouton d'action est un élément interactif. Celui ci déclenche une action ou un événement spécifique comme par exemple l'ouverture d'une nouvelle vue, l'envoi d'un formulaire, la soumission de données...