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
Features 05 is a marketing component designed to showcase product features in a structured layout. It includes a header section with an icon, a bold headline, and a supporting subtitle, followed by a list of feature items. Each feature item contains an icon, a title, a description, and a ‘Learn more’ button with an arrow icon. The component is ideal for SaaS or product landing pages to highlight key capabilities in a clean, readable format.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Responsive Header Width | Current page width is less than or equal to 1024px | Header group switches to 100% minimum width for full-width stacking |
| Responsive Headline Font Size | Current page width is less than or equal to 768px | Headline text font size reduces from 36 to 30px |
| Responsive Feature Item Width | Current page width is less than or equal to 768px | Feature items expand to 100% minimum width for single-column stacking |
| Learn More Button Hovered | User hovers over the Learn More button | Button text becomes underlined and font color changes to rgba(15,15,15,1) |
| Learn More Button Not Clickable | Button is in a non-clickable state | Button 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.