> For the complete documentation index, see [llms.txt](https://nanoxi.gitbook.io/starterkitv4/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nanoxi.gitbook.io/starterkitv4/widgets/liste-des-widgets/bouton.md).

# Bouton

Le widget Bouton vous permet d'amener vos utilisateurs vers des pages internes ou externes et/ou des médias.

<figure><img src="https://22601766-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyJzqddUVkdENofEJ2BKv%2Fuploads%2Fgit-blob-434e22a060d3d4191c1e1088fe31829285901313%2Fwidget-contact-exemple.png?alt=media" alt=""><figcaption><p>Exemple</p></figcaption></figure>

### Emplacement autorisé

* [ ] Racine
* [x] Colonne

### Onglet « Contenu »

<figure><img src="https://22601766-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyJzqddUVkdENofEJ2BKv%2Fuploads%2Fgit-blob-d55bf0786e33cf9e55bfc3b8caa48e9f5c3b812d%2Fwidget-bouton-contenu.png?alt=media" alt=""><figcaption><p>Onglet Contenu</p></figcaption></figure>

| Cible                                                                                                    |
| -------------------------------------------------------------------------------------------------------- |
| Ce champ permet d'ajouter un lien au bouton. Ce lien peut rediriger vers une page, un site externe, etc. |

{% hint style="info" %}
Astuce

Par convention, un lien vers une page extérieure à votre site doit avoir la propriété "blank" activée (cocher « Ouvre le document lié dans une nouvelle fenêtre ou un nouvel onglet »).
{% endhint %}

### Onglet « Paramètres »

<figure><img src="https://22601766-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyJzqddUVkdENofEJ2BKv%2Fuploads%2Fgit-blob-6cf634887036667fd12dd9c2ee78212d5ba1c8ae%2Fwidget-bouton-parametres.png?alt=media" alt=""><figcaption><p>Onglet Paramètres</p></figcaption></figure>

#### Générique

<table data-full-width="false"><thead><tr><th width="198">Champs</th><th>Description</th></tr></thead><tbody><tr><td>Taille</td><td>Taille du bouton</td></tr><tr><td>Afficher uniquement la bordure</td><td>Affiche uniquement la bouton, sans remplissage</td></tr><tr><td>Couleur</td><td>Couleur prédéfinie du bouton</td></tr><tr><td>Icône</td><td>Icône du bouton</td></tr><tr><td>Alignement horizontal</td><td>Alignement horizontal du bouton par rapport à la page</td></tr><tr><td>Étendre sur toute la longueur</td><td>Étendre le bouton sur toute la largeur de la page</td></tr></tbody></table>

#### Extension

<table data-full-width="false"><thead><tr><th width="179">Champs</th><th>Description</th></tr></thead><tbody><tr><td>Ancre</td><td>Identifiant unique du bouton</td></tr><tr><td>Classes CSS</td><td>Ajoute des classes CSS (style) supplémentaires au bouton</td></tr></tbody></table>

**Apparition**

Les propriétés de ce sous-onglet sont disponibles sur la page des propriétés récurrentes.

{% content-ref url="/pages/IlrFEWLFWJMDXUtERhvC" %}
[Propriétés récurrentes](/starterkitv4/widgets/proprietes-recurrentes.md)
{% endcontent-ref %}