---
title: "Bouton segmenté Widget personnalisé  "
slug: "segmented-button-custom-widget"
updated: 2025-01-24T20:35:34Z
published: 2025-01-24T20:35:34Z
canonical: "support.tulip.co/segmented-button-custom-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.tulip.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Bouton segmenté Widget personnalisé



To download the app, visit: [Library](https://tulip.co/library/apps/segmented-button/)

*Rationaliser les actions des utilisateurs à l'aide d'un widget personnalisé de boutons segmentés à trois options*

## Objectif

Ce widget personnalisé comprend un bouton segmenté avec trois options à choisir. Il peut s'avérer très utile pour une application comportant trois paramètres distincts pour un objectif donné.

## Configuration

Les plugins Custom Widget interagissent avec votre application par le biais de propriétés et d'événements. Les propriétés sont les données partagées qui existent entre votre application et le widget, tandis que les événements sont des signaux que votre widget peut envoyer à votre application. Dans votre éditeur d'applications, vous pouvez créer des déclencheurs basés sur ces événements. Les événements peuvent également être utilisés pour envoyer des données à votre application.

Le widget bouton segmenté personnalisé utilise trois propriétés et un événement. Les propriétés utilisées dans ce widget sont les suivantes:- **Taille de la police :** La taille de la police en pixels du texte affiché sur les boutons- **Option 1 Text :** Le texte de la première option- **Option 2 Text :** Le texte de la deuxième option- **Option 3 Text :** Le texte de la troisième option

Ce widget personnalisé utilise un événement appelé Bouton sélectionné. La valeur de retour est un entier [1, 2, 3] qui correspond au bouton pressé de gauche à droite.

## Comment cela fonctionne-t-il ?

Lorsque l'utilisateur sélectionne une option, le bouton devient vert et déclenche un événement dans Tulip. La sélection d'un autre bouton le rendra vert et désactivera le bouton précédemment pressé. L'exemple d'utilisation est la création d'un déclencheur qui effectue une action si l'événement déclenché par le widget est 1, 2 ou 3 en fonction du bouton sur lequel l'utilisateur a appuyé.

## Pour en savoir plus

Si vous souhaitez en savoir plus sur les widgets personnalisés, veuillez consulter le site ci-dessous :

- [*Aperçu des widgets personnalisés*](https://support.tulip.co/docs/custom-widgets-overview)