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
1
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
2
Copy the component
Find Badge 08 and click Copy.
3
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
Platforms
License
This component requires a Starter plan.