Overview
Badge 19 is a compact announcement banner component featuring three color variants (grey, red, yellow). Each variant contains a rounded pill-style badge label (e.g. ‘Version 1.0’) followed by a short descriptive text and a directional arrow icon. It is designed to highlight new features or announcements at the top of a page or section.
How to use
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
Copy the component
Find Badge 19 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.
