Modèle:Bouton cliquable

Documentation

Cette documentation est incluse dans la sous-page de documentation (voir | modifier | historique). Si vous voulez améliorer ce modèle et si celui-ci est protégé, demandez à un administrateur de vous aider.

Utilisation

Met un texte sous forme de bouton. Élément en forme « inline », il peut être contenu dans un bloc (paragraphe, div) ou être de couleur.

Syntaxe

• {{Bouton cliquable|Label du bouton}}

Exemple

• {{Bouton cliquable|Mon super bouton}}

Mon super bouton

Couleurs et syntaxe

Il est très important de conserver et respecter ce code couleur, afin d'avoir une interface cohérente. Si vous créez un modèle destiné à attirer l’attention, concentrez-vous sur le message et sa mise en page (niveaux de titre, clarté) plutôt que de mettre un bouton rouge qui sera mal interprété.

Trois couleurs sont disponibles sur ce bouton :

Couleur	Sens	Syntaxe	Résultat
gris	couleur par défaut bouton par défaut n’appelant pas de commentaire particulier	{{Bouton cliquable|Action basique}}	Action basique
bleu	action à mettre en avant inciter à cliquer	{{Bouton cliquable|Passer à l'étape suivante|couleur=bleu}}	Passer à l'étape suivante
rouge	annulation erreur	{{Bouton cliquable|Annuler l’action en cours|couleur=rouge}}	Annuler l’action en cours

Le Bouton vert est aussi disponible (alternative au bouton bleu):

Couleur	Sens	Syntaxe	Résultat
vert	étape de validation action positive action annexe à celle d'un bouton bleu	{{Bouton cliquable|Valider l’action en cours|couleur=green}}	Valider l’action en cours