Overview
Badge 07 is a collection of five pill-shaped status badge components, each featuring a small colored circular dot paired with a ‘Badge’ label. The variants cover common semantic states—grey (neutral), red (error/danger), yellow (warning), green (success), and blue (info)—making it suitable for status indicators, tags, or labels in dashboards, tables, and lists.How to use
1
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
2
Copy the component
Find Badge 07 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.