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

# Badge 09

> Row-layout white badges with colored dot indicators (grey, red, yellow, green, blue) and text label.

<Frame>
  ![Badge 09](https://ffciaqoksnnzuihswbxs.supabase.co/storage/v1/object/public/components/Elements/Badges/badges-white-with-border-and-dot.png)
</Frame>

## Overview

Badge 09 is a collection of status badge components, each featuring a small colored circular dot indicator paired with a text label on a white background with a light border. The badges come in five color variants (grey, red, yellow, green, and blue dots) to visually communicate different statuses or categories, making them ideal for tagging, labeling, or status indication in dashboards, lists, or data tables.

## How to use

<Steps>
  <Step titleSize="h4" title="Open the Brikl panel">
    Navigate to the **Elements** category in the Brikl panel.
  </Step>

  <Step titleSize="h4" title="Copy the component">
    Find **Badge 09** and click **Copy**.
  </Step>

  <Step titleSize="h4" title="Paste into your editor">
    Paste it into your Bubble canvas with `Cmd + V` (Mac) or `Ctrl + V` (Windows),
    or right-click on the canvas and select **Paste**.
  </Step>
</Steps>

## Responsive

This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble's built-in mobile breakpoint.

## Requirements

|             |                       |
| ----------- | --------------------- |
| License     | Starter plan required |
| Plugins     | None                  |
| Custom code | Not required          |

## Platforms

| Platform | Supported |
| -------- | --------- |
| Web      | ✅         |
| Mobile   | ✅         |

## License

<Note>
  This component requires a **Starter** plan.
</Note>