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 05 is a dismissible notification banner designed to announce updates or new features. It displays an icon, a short message, a ‘Learn more’ link, and a close button. The layout adapts responsively for mobile screens, and clicking either close button triggers a workflow that hides the entire banner group.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Mobile layout - Icon & Title group | Page width is less than or equal to 769px | Icon & Title group width expands to 100% |
| Mobile layout - Link group | Page width is less than or equal to 769px | Link group gets a left margin of 32px |
| Close button 02 hover | Button (BT - Close 02) is hovered | Button opacity increases to 100% |
| Close button 02 mobile visible | Page width is less than or equal to 769px | BT - Close 02 becomes visible |
| Close button 01 hover | Button (BT - Close 01) is hovered | Button opacity increases to 100% |
| Close button 01 mobile hidden | Page width is less than or equal to 769px | BT - Close 01 becomes hidden |
| Link disabled state | Link is not clickable | Link opacity drops to 25% |
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 05) is clicked | Hides the entire Banner 05 group (GP - Banner 05) |
| BT - Close 01 (Banner 05) is clicked | Hides the entire Banner 05 group (GP - Banner 05) |
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.