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
This component displays a Sales & Marketing Tools integrations section where users can view and manage connections to various platforms (e.g., Google). Each integration card shows a logo, name, description, and a toggle switch that allows users to connect or disconnect the integration. The component uses custom states to track each integration’s connection status and supports conditional visibility based on a category filter.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Connected | User clicks the toggle switch when integration is in Disconnected state | The integration card updates to show a Connected status, toggling the switch appearance |
| Disconnected | User clicks the toggle switch when integration is in Connected state | The integration card updates to show a Disconnected status, toggling the switch appearance |
| Filtered/Hidden | A category filter element (radio) is set to a value that does not match the card’s category | The integration card becomes hidden/invisible |
| Mobile Layout | Page width is less than or equal to 1024px or 768px | Card and group widths expand to 100% for responsive mobile layout |
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 |
|---|---|
| Switch (Google) clicked when custom state item_ equals Disconnected | Sets custom state item_ on Google group element to Connected |
| Switch (Google) clicked when custom state item_ equals Connected | Sets custom state item_ on Google group element to Disconnected |
| Switch (second integration) clicked when custom state item_ equals Disconnected | Sets custom state item_ on second integration group element to Connected |
| Switch (second integration) clicked when custom state item_ equals Connected | Sets custom state item_ on second integration group element to Disconnected |
| Switch (third integration) clicked when custom state item_ equals Disconnected | Sets custom state item_ on third integration group element to Connected |
| Switch (third integration) clicked when custom state item_ equals Connected | Sets custom state item_ on third integration group element to Disconnected |
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.