Iconography

Group similar elements together at the page level with Icons.

Icon Usage Guide

Icon
Meaning
Used For

πŸ“Œ

Floating Group

Floating UI elements

🍿

Popup

Modals, popups, dialogs

πŸ”

Security Related

Authentication, access control

πŸ“§

Mail Management

Emails, notifications, SendGrid workflows

πŸ› οΈ

User & Site Settings

Account settings, preferences, system config

β˜‘οΈ

Buttons & Inputs

Forms, actions, interactive elements

⬛

Groups

Standard Bubble groups (containers)

β›”

Not in Use

Deprecated or unused elements


Why Use Icons?

βœ… Faster navigation – Quickly identify elements in the editor βœ… Clear organization – Group related elements together βœ… Better maintainability – Makes scaling and debugging easier

Last updated