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 04 is a newsletter subscription footer component featuring a title, a short description, an email input field, and a subscribe button. It is designed to capture user emails for newsletter sign-ups, laid out in a clean horizontal row with a light gray background, suitable for the bottom of marketing pages.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Input Focused | Email input is focused by the user | A soft shadow appears around the input field to indicate active focus |
| Input Invalid | Email input contains an invalid email format | Input border turns red and a red-tinted shadow appears around the input |
| Input Disabled | Input is not clickable | Input opacity reduces to 50% indicating it is disabled |
| 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 disabled |
| Button Full Width (Mobile) | Page width is 576px or less | Subscribe button stretches to full width |
| Title & Description Stack (Tablet) | Page width is 768px or less | Title and description group width adjusts to 100% |
| Smaller Font on Mobile | Page width is below the built-in mobile breakpoint | Title and description font sizes reduce to 14px |
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.