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 06 is a marketing blog list component designed for web applications. It features a structured header section with a badge label, a bold title, a subtitle description, and a ‘View all articles’ button. Below the header, it displays a list of article cards, each containing a title, excerpt text, and a ‘Read more’ button. The component is ideal for showcasing blog posts or news updates on a landing or marketing page.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Hover - View All Articles Button | User hovers over the ‘View all articles’ button | Button background changes to rgba(245,244,244,1) |
| Disabled - View All Articles Button | Button is not clickable | Button opacity reduces to 50% |
| Hover - Read More Button | User hovers over the ‘Read more’ button on an article card | Button background changes to rgba(245,244,244,1) |
| Disabled - Read More Button | Read more button is not clickable | Button opacity reduces to 50% |
| Responsive - Header Title Font Size | Page width is less than or equal to 768px | Header title font size reduces from 36px to 30px |
| Responsive - Article Card Width | Page width is less than or equal to 1024px | Article card min-width expands to 100% |
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.