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 03 is a marketing component designed to showcase team members in a structured grid layout. Each card displays a member’s avatar image, name, job title, short bio, and social media icons (LinkedIn, Facebook, Twitter/X). It is intended for landing pages or company websites to introduce team members in a visually clean and professional format.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Mobile/Tablet Layout | Current Page Width is less than or equal to 768px | Reduces row gap to 64px in the content group for tighter vertical spacing on smaller screens |
| Avatar Full Width | Current Page Width is less than or equal to 1024px | Avatar image group expands to 100% minimum width to fill its container |
| Social Icon Hover | User hovers over a social media icon (LinkedIn, Facebook, Twitter/X) | Icon color transitions from rgba(164,167,174,1) to rgba(113,118,128,1) with 200ms ease animation |
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.