Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.brikl.co/llms.txt

Use this file to discover all available pages before exploring further.

Badge 12

​
Overview

Badge 12 is a UI component featuring a horizontal row of eight pill-shaped badge elements, each styled in a different color theme (Grey, Red, Yellow, Green, Blue, Palatinate Blue, Purple, and Pink). It is designed to visually categorize, label, or tag content items with semantic color coding, making it ideal for status indicators, tags, or classification labels in 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 12 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

LicenseStarter plan required
PluginsNone
Custom codeNot required

​
Platforms

PlatformSupported
Web✅
Mobile✅

​
License

This component requires a Starter plan.