Modèle:Bouton cliquable/Bac à sable

Bouton cliquable

Ceci est la version bac à sable de Modèle:Bouton cliquable.

Cette sous-page permet de tester des modifications du code sans provoquer de perturbations à grande échelle du modèle de base.

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

Utilisation[modifier le code]

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.

Exemple[modifier le code]

{{Bouton cliquable|Mon super bouton}}

Mon super bouton

Couleurs et poids[modifier le code]

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[modifier le code]

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è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

Notes[modifier le code]

↑ 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[modifier le code]

{{Bouton cliquable 2}} ; propose un paramètre menant directement à un lien interne.

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (modifier) et la page de test (modifier).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.

Passer à l'étape suivante Action basique Annuler l’action en cours Test Test

[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.

[1]