Overview
Badge 01 is a UI component containing 8 pre-styled badge variants, each displaying a short label text in a distinct color scheme (Grey, Red, Yellow, Green, Blue, Palatinate Blue, Purple, and Pink). These badges are commonly used to indicate status, categories, or tags within an interface, offering a consistent and visually distinct set of options for labeling content.
How to use
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
Copy the component
Find Badge 01 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 | Free |
| Plugins | None |
| Custom code | Not required |
| Platform | Supported |
|---|
| Web | ✅ |
| Mobile | ✅ |
License
This component is available on the free plan.
