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
Blog 02 is a marketing component designed to display a list of blog articles in a structured layout. It includes a header section with a title, subtitle, and a ‘View All Posts’ button, followed by a grid of article cards featuring badges, titles, and descriptions. It is intended for use on web pages to showcase recent or featured blog content.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Button Hovered | User hovers over the ‘View All Posts’ button | Button opacity reduces to 90% |
| Button Not Clickable | Button is not clickable | Button opacity reduces to 50% |
| Responsive - Button Full Width | Page width is 768px or less | View All Posts button stretches to 100% width |
| Responsive - Header Title Group Full Width | Page width is 768px or less | Header title and description group stretches to 100% width |
| Responsive - Title Font Size Reduced | Page width is 768px or less | Title font size reduces from 36px to 30px |
| Responsive - Article Card Full Width | Page width is 1024px or less | Article card stretches to 100% minimum width |
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.