Voir la source de Bouton cliquable/Documentation

{{Sous-page de documentation}}

== 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 ==
* <code><nowiki>{{</nowiki>Bouton cliquable<nowiki>|Label du bouton}}</nowiki></code>

== Exemple ==
* <code><nowiki>{{</nowiki>Bouton cliquable<nowiki>|Mon super bouton}}</nowiki></code>
{{Bouton cliquable|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é.

Quatre couleurs sont disponibles sur ce bouton : 

{| class="wikitable" width="100%"
|-
!Couleur
!Sens
!Syntaxe
!Résultat
|-
| '''gris'''
|couleur par défaut<br>bouton par défaut n’appelant pas de commentaire particulier
| <nowiki>{{Bouton cliquable|Action basique}}</nowiki>
| {{Bouton cliquable|Action basique}}
|-
| '''bleu'''
|action à mettre en avant<br>inciter à cliquer
| <nowiki>{{Bouton cliquable|J'attire l'attention|couleur=blue}}</nowiki>
| {{Bouton cliquable|Passer à l'étape suivante|couleur=blue}}
|-
| '''vert'''
|étape de validation<br>action positive<br>action annexe à celle d'un bouton bleu
| <nowiki>{{Bouton cliquable|Passer à l'étape suivante|couleur=green}}</nowiki>
| {{Bouton cliquable|Valider l’action en cours|couleur=green}}
|-
| '''rouge'''
|annulation<br>erreur 
| <nowiki>{{Bouton cliquable|Annuler l’action en cours|couleur=red}}</nowiki>
| {{Bouton cliquable|Annuler l’action en cours|couleur=red}} 
|}

<includeonly>
[[Catégorie:Modèle de formatage]]
</includeonly>