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.
Overview
Banner 06 is a dismissible notification or announcement banner designed to inform users about a new feature or update. It displays an icon, a descriptive message, and two action buttons (‘Download’ and ‘Learn More’), along with a close button to hide the banner. It adapts its layout for mobile screens and supports hover and visibility states for interactive feedback.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Mobile layout | Page width is less than or equal to 769px | Icon & Title group stretches to 100% width; button group adjusts left margin; mobile close button becomes visible while desktop close button hides |
| Close button hover | User hovers over BT - Close 01 or BT - Close 02 | Close button opacity increases to 100% |
| Download button hover | User hovers over BT - Download | Background color changes to rgba(245, 244, 244, 1) |
| Learn More button hover | User hovers over BT - Learn More | Background color changes to rgba(27, 23, 24, 1) |
| Download button disabled | BT - Download is not clickable | Button opacity reduces to 50% |
| Learn More button disabled | BT - Learn More is not clickable | Button opacity reduces to 50% |
These states are handled natively by Bubble and require no additional setup. They will work automatically once the component is pasted into your editor.
Responsive
This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble’s built-in mobile breakpoint.Workflows
This component includes pre-built workflows.| Trigger | Action |
|---|---|
| BT - Close 02 (Banner 06) is clicked | Hides the entire banner group (GP - Banner 06) |
| BT - Close 01 (Banner 06) is clicked | Hides the entire banner group (GP - Banner 06) |
These workflows are included when you use the Copy with Workflows option in the Brikl panel.
Requirements
| License | Starter plan required |
| Plugins | None |
| Custom code | Not required |
Platforms
| Platform | Supported |
|---|---|
| Web | ✅ |
| Mobile | ❌ |
License
This component requires a Starter plan.