---
title: "Badge Widget"
slug: "badge-widget"
updated: 2024-04-04T20:16:01Z
published: 2024-04-04T20:16:01Z
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.

# Badge Widget

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

*Streamline user alerts and pending tasks with in-app badges similar to a mobile phone*

## Purpose

This custom widget includes a simple badge that can have a custom color, image, and number of alerts for showcasing alerts and notifications. This works best for a supervisor or frontline manager.

## Setup

The Badge Notification Custom Widget makes use of three properties and one event. The properties being used in this widget are:

- **Image:** A custom image can be used for the icon of the badge notification
- **Icon Color:** The color of the badge can also be easily modified
- **Num. Alerts:** The red notification count can be programmatically updated as a variable

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

## How it works

In most scenarios, the Tulip developer can build an app that updates the notification count variable based upon a list of tasks or work orders assigned to a given individual logged in. Other use cases can include accountability board updates for quality managers, maintenance managers, and other frontline managerial roles.

## Further Reading

If you would like to know more about custom widgets please visit the site below:

- [*Custom Widgets Overview*](https://support.tulip.co/docs/custom-widgets-overview)