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 11 is a survey-style popup component that presents users with a difficulty rating question (‘How hard was it to set up your account?’) and a segmented radio button group allowing selection of numeric values (0–8+). It uses custom states to track the selected radio item and visually highlights the active selection with a dark border, making it ideal for NPS or effort score surveys.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Button Disabled | Button is not clickable | Button opacity reduces to 50% |
| Button Selected | radio_item_ custom state on the Radio Group equals the button’s item_ custom state | Button border changes to dark color rgba(27,23,24,1) on all sides, indicating active selection |
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 |
|---|---|
| Button - 0 Radio (Popup 11) clicked | Sets radio_item_ custom state on the Radio Group to the item_ value (0) of the clicked button |
| Button - 1 Radio (Popup 11) clicked | Sets radio_item_ custom state on the Radio Group to the item_ value (1) of the clicked button |
| Button - 8 Radio (Popup 11) clicked | Sets radio_item_ custom state on the Radio Group to the item_ value (8) of the clicked button |
| Additional radio buttons clicked (values 2–7+) | Each sets radio_item_ custom state on the Radio Group to their respective item_ numeric value |
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.