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
Radio 14 is a payment method selection component styled as a radio button group. Each option displays a card logo (e.g., Visa), card details (last four digits, expiry date), a ‘Set as default’ label, and an ‘Edit’ button. Users can select a payment option by clicking, which updates the active state visually by highlighting the selected card and filling the radio button indicator.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Selected / Active Option | User clicks on a radio option group element | The selected option’s background changes to rgba(245,245,244,1), its border becomes dark rgba(27,23,24,1), and the radio icon switches to a filled dot with a dark background rgba(27,23,24,1) |
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 |
|---|---|
| GP - Option 1 (Radio 14) is clicked | Sets the custom state ‘radio_item_’ on the parent group (bTJuV) to the current item of Option 1, marking it as the selected radio option |
| GP - Option 2 (Radio 14) is clicked | Sets the custom state ‘radio_item_’ on the parent group (bTJuV) to the current item of Option 2, marking it as the selected radio option |
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.