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
Footer 03 is a marketing footer component that combines a branding section (logo and copyright notice) with a newsletter subscription form. It includes an email input field and a subscribe button, designed to capture user emails. The component adapts responsively for both web and mobile viewports.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Input Focused | User clicks or focuses on the email input field | A soft box shadow appears around the input to indicate active focus |
| Input Invalid | User submits or leaves the input with an invalid email format | Input border turns red and a red-tinted box shadow is applied |
| Input Disabled | Input is not clickable | Input opacity reduces to 50% indicating it is inactive |
| Button Hovered | User hovers over the Subscribe button | Button opacity reduces to 90% for a subtle hover effect |
| Button Disabled | Button is not clickable | Button opacity reduces to 50% indicating it is inactive |
| Mobile Layout - Text | Current page width is less than the built-in mobile breakpoint | Text elements reduce font size to 14px for better mobile readability |
| Mobile Layout - Subscribe Button | Current page width is 576px or less | Subscribe button expands to full width |
| Mobile Layout - Newsletter Group | Current page width is 768px or less | Newsletter title and description group expands to full width |
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.Requirements
| License | Starter plan required |
| Plugins | None |
| Custom code | Not required |
Platforms
| Platform | Supported |
|---|---|
| Web | ✅ |
| Mobile | ❌ |
License
This component requires a Starter plan.