Modèle:Bouton cliquable/Documentation

Utilisation

modifier

Se place dans un texte pour changer celui-ci en bouton. Élément en forme « inline », il peut être contenu dans un bloc (paragraphe, div) ou être de couleur.

Syntaxe

modifier
  • {{Bouton cliquable|texte et redirection du bouton}}

Exemple

modifier
  • {{Bouton cliquable|Cliquez ici !}}

Cliquez ici !

Couleurs et syntaxe

modifier

Afin d'avoir une interface cohérente, il est très important de conserver et respecter ce code couleur,. 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 d'une autre couleur qui sera mal interprété.

Quatre 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 de base
bleu action à mettre en avant
inciter à cliquer
{{Bouton cliquable|J'attire l'attention|couleur=blue}} Passer à l'étape suivante
vert étape de validation
action positive
action annexe à celle d'un bouton bleu
{{Bouton cliquable|Valider|couleur=green}} Valider
rouge annulation
erreur
{{Bouton cliquable|Annuler l’action en cours|couleur=red}} Annuler l’action en cours