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 18

​
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

LicenseStarter plan required
PluginsNone
Custom codeNot required

​
Platforms

PlatformSupported
Web✅
Mobile✅

​
License

This component requires a Starter plan.