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
Popup 07 is a confirmation dialog component designed to alert users about unsaved changes. It features a warning icon, a title, a descriptive message, a ‘Don’t show again’ checkbox toggle, and two action buttons: ‘Discard’ and ‘Save Changes’. It is intended to be triggered programmatically and includes workflow logic for dismissing the popup, saving changes, and toggling a persistent preference state.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Discard Button Hovered | Mouse hover over the Discard button | Background color changes to rgba(245, 244, 244, 1) |
| Discard Button Disabled | Discard button is not clickable | Button opacity reduces to 50% |
| Save Changes Button Hovered | Mouse hover over the Save Changes button | Button opacity reduces to 90% |
| Save Changes Button Disabled | Save Changes button is not clickable | Button opacity reduces to 50% |
| Checkbox Checked | Custom state ‘show_again_’ on the Popup element is true | Checkbox icon changes to a filled checkmark with dark background |
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 - Discard button clicked | Hides the Popup 07 element |
| Checkbox icon clicked (when show_again_ is true) | Sets custom state ‘show_again_’ on Popup 07 to false |
| Checkbox icon clicked (when show_again_ is false) | Sets custom state ‘show_again_’ on Popup 07 to true |
| Trigger element (bTUMK) clicked | Shows the Popup 07 element |
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.