> 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="/files/WrCbjuSbIoEww3q1CBO7" alt=""><figcaption><p>Exemple</p></figcaption></figure>

### Emplacement autorisé

* [ ] Racine
* [x] Colonne

### Onglet « Contenu »

<figure><img src="/files/1KTY6JVefVJrGierCqhr" 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="/files/168uHLltrg55bSAPOjBc" 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 %}