Overview
Badge 08 is a UI component featuring five status badge variants, each consisting of a small colored dot icon followed by a ‘Badge’ label text. The badges come in five color themes: grey, red, yellow, green, and blue, each with matching background fill and text color, styled as pill-shaped (fully rounded) inline containers. This component is ideal for displaying status indicators, tags, or category labels in a visually distinct and color-coded manner.
How to use
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
Copy the component
Find Badge 08 and click Copy.
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.
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 |
| Platform | Supported |
|---|
| Web | ✅ |
| Mobile | ✅ |
License
This component requires a Starter plan.
