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
Checkbox 04 is a terms and service agreement checkbox component. It displays a square icon acting as a checkbox alongside an underlined hyperlinked label reading ‘I agree to the terms and service’. The component uses a custom state to track whether the checkbox is selected or unselected, toggling the icon appearance accordingly. It is designed for forms requiring user consent before proceeding.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Selected | User clicks the group when the custom state ‘selected_’ is false | The icon changes from a square outline (crop_square) to a filled check mark (check) with a dark background, indicating the checkbox is checked. |
| Unselected | User clicks the group when the custom state ‘selected_’ is true | The icon reverts to the square outline style, indicating the checkbox is unchecked. |
| Mobile Font Size | Page width is less than the built-in mobile breakpoint | The label text font size reduces to 14px for better readability on mobile screens. |
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 |
|---|---|
| Group ‘Checkbox Terms and Service’ is clicked (when selected_ is false) | Sets the custom state ‘selected_’ on the group to true, marking the checkbox as checked. |
| Group ‘Checkbox Terms and Service’ is clicked (when selected_ is true) | Sets the custom state ‘selected_’ on the group to false, marking the checkbox as unchecked. |
These workflows are included when you use the Copy with Workflows option in the Brikl panel.
Requirements
| License | Free |
| Plugins | None |
| Custom code | Not required |
Platforms
| Platform | Supported |
|---|---|
| Web | ✅ |
| Mobile | ✅ |
License
This component is available on the free plan.