Modèle:Bouton cliquable/Documentation

Ceci est la page de documentation de Modèle:Bouton cliquable [modifier] [purger].

Cette sous-page contient les instructions et les catégories de son modèle d'origine et elle n'est pas destinée à être visualisée directement.

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

Il est très important de conserver et respecter le code couleur et le poids des boutons, 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é (idée de danger).

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 :

Annuler Passer à l'étape suivante

Cas d'une discussion :

Vous en pensez quoi ? Trizek ^bla 13 juin 2024 à 11:35 (CEST) Répondre

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
La mise en forme sur une seule ligne est préférée pour ce modèle.
Paramètre		Description	Type	État
Nom du bouton	`1`	Titre court sur le bouton	Ligne de texte	obligatoire
Couleur	`couleur`	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 texte	facultatif
Poids	`poids`	Indique le niveau d’importance d'un bouton (voir la doc)	Inconnu	facultatif