Radio Group — Instructions ============================

Step 1 — Add the element
Drag Radio Group from the Plugins section onto your page.

Step 2 — Add your options (two methods)

Method A: JSON options (recommended for beginners)
Find the "JSON options" field in the Properties panel → paste:
[{"label":"Apple","value":"apple"},{"label":"Banana","value":"banana"}]

Method B: Lists (for dynamic data)
Find "Option labels" → click [+ Create list] → type one per line:
Apple
Banana
Do the same for "Option values" (must match labels count):
apple
banana

Step 3 — Set a default (optional)
In "Default value", type the value of the option you want pre-selected, e.g. apple

Step 4 — Customize colors
Expand the Active, Inactive, and Disabled sections in the Properties panel to change dot, label, and border colors.

Step 5 — Read the selected value
Add a Text element → in its content click "Insert dynamic data" → choose "Radio Group's selected value".
It updates automatically when the user clicks an option.

Step 6 — Use actions (workflows)
Go to the Workflow tab → create a new workflow (e.g. a button click):
- Add action → find your Radio Group → "Select by value"
- Set "Value" to the option value you want (e.g. banana)
- Or use "Clear selection" to deselect everything

Step 7 — Use the event
In a workflow, add "Radio Group → option selected" as the trigger event to run steps whenever the user picks an option.

editor link
https://bubble.io/page?id=test-22411&test_plugin=1781369664909x658666994550440000_current&tab=Design&name=Home&type=page

demo link
https://test-22411.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=Home