Button Action

Les boutons d'action sont des éléments cliquables qui sont utilisés pour déclencher des actions.

Description

Les boutons d'action sont des éléments cliquables qui sont utilisés pour déclencher des actions. Ils sont généralement utilisés en groupe pour proposer à l'utilisateur des listes d'actions liées à un élément et qui ont la même échelle d'importance.

Plateformes

Anatomie

  1. Icône illustrative (optionnel) : Icône d'illustration de l'action
  2. Label : Descriptif de l'action
  3. Action icon : Icône qui représente le type d'action engendrée par le bouton. On utilisera une flèche pour une redirection, un crayon pour une modification, etc…
  4. Switch : si l'action est d'activer ou désactiver une option, on utilisera un switch
  5. Description (optionnel)

Usage

Quand l'utiliser ?

Lorsque vous souhaitez permettre à l'utilisateur de réaliser une ou plusieurs actions secondaires sur un élément et que celles-ci ont la même échelle d'importance. 

Do's and don'ts

  • Do

    Utiliser le Button Action pour des actions secondaires avec la même échelle d’importance liées à un élément

  • Don't

    Il est interdit d'utiliser un Button Action pour des actions principales

Des questions ou un feedback ?

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