
Overview
Badge 04 is a UI component featuring eight pill-shaped text badges, each styled in a distinct color variant: Grey, Red, Yellow, Green, Blue, Palatinate Blue, Purple, and Pink. It is designed to visually categorize or label content using color-coded indicators. The badges are arranged in a horizontal wrapping row layout with consistent padding, font styling, and rounded corners, making them suitable for status indicators, tags, or category labels in both web and mobile applications.How to use
1
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
2
Copy the component
Find Badge 04 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 is available on the free plan.
