Overview
Badge 18 is a UI component from the Badges sub-type collection that displays a circular badge combining a logo image and a short text label. It comes in five color variants: Grey, Red, Yellow, Green, and Blue. Each badge uses a pill/circle-shaped container with a colored background, a rounded logo image on the left, and a colored label text on the right. It is designed for use as status indicators, tags, or category labels across both web and mobile interfaces.How to use
1
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
2
Copy the component
Find Badge 18 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.