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
Contact 04 is a marketing contact section component designed for web pages. It features a centered header with a title and subtitle, followed by a structured form containing an email input field and a multi-line message textarea. The component is intended to allow visitors to reach out by submitting their email and a message, making it suitable for landing pages or contact pages.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Responsive layout (narrow screen) | Page width is less than or equal to 768px | Content group adjusts row gap to 64px and form max width is reset for smaller screens |
| Heading font size reduction | Page width is less than 768px (mobile breakpoint) | Main heading font size reduces from 48px to 36px |
| Email input focused | Email input is focused | Box shadow appears with color rgba(216,211,212,0.5) and spread of 3 |
| Email input invalid | Email input value is not valid | Border color changes to red rgba(251,44,54,1) and red-tinted box shadow appears |
| Email input disabled | Email input is not clickable | Opacity reduces to 50% |
| Textarea focused | Message textarea is focused | Box shadow appears with color rgba(216,211,212,0.5) and spread of 3 |
| Textarea invalid | Message textarea value is not valid | Border color changes to red rgba(251,44,54,1) and red-tinted box shadow appears |
| Textarea disabled | Message textarea is not clickable | Opacity reduces to 50% |
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.