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
1
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
2
Copy the component
Find Badge 19 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.