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
Team 06 is a marketing component designed to showcase a company’s team section. It features a centered header with a label, title, and description text, accompanied by two call-to-action buttons (‘About us’ and ‘Open positions’). The component is fully responsive, adapting its layout for smaller screen widths below 768px.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Mobile Layout | Page width less than or equal to 768px | Buttons and container groups expand to full width (100%) and row gap adjusts to 64px |
| About Us Button Hover | Mouse hover over the ‘About us’ button | Button background color changes to rgba(245, 244, 244, 1) |
| About Us Button Disabled | Button is not clickable | Button opacity reduces to 50% |
| Open Positions Button Hover | Mouse hover over the ‘Open positions’ button | Button opacity reduces to 90% |
| Open Positions Button Disabled | Button is not clickable | Button opacity reduces to 50% |
| Heading Font Size Mobile | Page width less than 768px | Main heading font size reduces from 36px to 30px |
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.