---
title: "Badge Widget"
slug: "badge-widget"
updated: 2025-01-24T20:35:19Z
published: 2025-01-24T20:35:19Z
canonical: "support.tulip.co/badge-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.

# Widget de badge



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

*Rationaliser les alertes des utilisateurs et les tâches en attente grâce à des badges in-app similaires à ceux d'un téléphone portable*

## Objectif

Ce widget personnalisé comprend un badge simple qui peut avoir une couleur, une image et un nombre d'alertes personnalisés pour mettre en valeur les alertes et les notifications. Il convient parfaitement à un superviseur ou à un responsable de première ligne.

## Configuration

Le widget personnalisé Badge Notification utilise trois propriétés et un événement. Les propriétés utilisées dans ce widget sont les suivantes:- **Image :** Une image personnalisée peut être utilisée pour l'icône de la notification du badge- **Couleur de l'icône :** La couleur du badge peut également être facilement modifiée- **Nombre d'alertes :** Le nombre d'alertes rouges peut être mis à jour de manière programmatique sous la forme d'une variable

![image.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/image%28517%29.png)

## Comment cela fonctionne-t-il ?

Dans la plupart des cas, le développeur de Tulip peut créer une application qui met à jour la variable du nombre de notifications en fonction d'une liste de tâches ou de bons de travail assignés à une personne connectée donnée. D'autres cas d'utilisation peuvent inclure des mises à jour de tableaux de bord pour les responsables qualité, les responsables de maintenance, et d'autres rôles managériaux de première ligne.

## 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)