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

> Row-layout badge components with circular image and text label in multiple color variants.

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

## Overview

Badge 17 is a collection of pill-shaped badge components, each combining a circular logo/image with a short text label. Available in multiple color variants (Grey, Yellow, Green, Blue, and more), these badges are designed to visually categorize, tag, or highlight content. They are suitable for status indicators, category tags, or achievement labels across both web and mobile interfaces.

## 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 17** 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>