Documentation[voir] [modifier] [historique] [purger]

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 poids

Trois couleurs sont disponibles sur ce bouton :

Couleur Sens Syntaxe Résultat Note
gris couleur par défaut
bouton par défaut n’appelant pas de commentaire particulier
{{Bouton cliquable|Action basique}} Action basique
bleu[1] action progressive
action à mettre en avant
créer quelque chose
{{Bouton cliquable|Passer à l'étape suivante|couleur=bleu}} Passer à l'étape suivante
rouge action destructive
annulation
suppression
{{Bouton cliquable|Annuler l’action en cours|couleur=rouge}} Annuler l’action en cours Ne pas utiliser pour attirer l'attention : utiliser plutôt le poids « primaire ».

Trois poids sont disponibles sur ce bouton :

Poids Sens Syntaxe Résultat Note
normal poids par défaut
bouton par défaut n’appelant pas de commentaire particulier
{{Bouton cliquable|Action basique}} Action basique
primaire action à mettre en par rapport à d'autres
action qui amènera à changer de contexte (créer un nouveau sujet sur une page de discussion, par exemple)
{{Bouton cliquable|Premier choix|poids=primaire}} Premier choix Le statut « primaire » est le même que « normal » pour la couleur par défaut.
Normal grisPrimaire grisNormal bleuPrimaire bleu
doux importance moindre dans un contexte avec plusieurs boutons {{Bouton cliquable|Second choix|poids=doux}} Second choix

Il est possible de composer des interfaces cohérentes sur la base de couleur et de poids.

Cas d'un pas à pas sur une page d'aide :

Cas d'une discussion :

TemplateData

Ajoute un bouton cliquable dans le style de Wikipédia. Pour mener à une page, doit s'utiliser dans une balise avec un lien externe.

Paramètres du modèle[Modifier les données du modèle]

La mise en forme sur une seule ligne est préférée pour ce modèle.

ParamètreDescriptionTypeÉtat
Nom du bouton1

Titre court sur le bouton

Ligne de texteobligatoire
Couleurcouleur

Trois choix possibles, le défaut étant gris (action neutre) : bleu pour une action à mettre en avant, inciter à cliquer ; rouge pour une annulation, une erreur, une action dangereuse.

Valeurs suggérées
bleu, rouge
Exemple
bleu
Ligne de textefacultatif
Poidspoids

Indique le niveau d’importance d'un bouton (voir la doc)

Inconnufacultatif

Notes

  1. Il existait jusqu'en mars 2016 un bouton vert, qui a été supprimé pour éviter la confusion avec le bouton bleu quant aux actions à entreprendre.

Voir aussi