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
Pricing 08 is a marketing pricing section component that displays subscription plan cards (e.g., Basic Plan) with pricing, title, description, and feature lists with check icons. It includes a billing toggle that switches between monthly and yearly pricing using a custom state, making it ideal for SaaS or product landing pages.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Monthly Billing | Toggle Billing element is clicked when custom state radio_item_ is true | Sets custom state radio_item_ to false, displaying monthly pricing (e.g., $15/mo) |
| Yearly Billing | Toggle Billing element is clicked when custom state radio_item_ is false | Sets custom state radio_item_ to true, displaying yearly pricing (e.g., $150/yr) |
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 - Toggle Billing button clicked (when radio_item_ is false) | Sets custom state radio_item_ on element bTaCH to true, switching to yearly billing display |
| GP - Toggle Billing button clicked (when radio_item_ is true) | Sets custom state radio_item_ on element bTaCH to false, switching to monthly billing display |
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.