Benefits Checklist
benefits_checklist combines a left/right narrative with a compact checklist for scannable value props.
When to Use
Use it when the section must explain a core benefit and quickly prove coverage across several requirements.
Usage
{{ benefits_checklist(title="Built for teams", panel_title="Included", check_1="Docs", check_2="Landing sections") }}Live Example
Benefits
Ship polished landing pages faster
Compose production-ready sections with consistent spacing, dark mode, and structural borders.
Included out of the box
Clean responsive layouts
Reusable conversion sections
Proof and trust patterns
Minimal JavaScript
Parameters
| Parameter | Description |
|---|---|
container | Inner content width. |
eyebrow | Small uppercase label above the heading. |
title | Section heading. |
description | Supporting copy. |
action_1_text | Primary button label. |
action_1_url | Primary button URL. |
action_2_text | Secondary button label. |
action_2_url | Secondary button URL. |
panel_title | Checklist card title. |
check_N | Checklist items, up to 8. |
reverse | Use true to place the checklist first. |
bg | Full-width section background token. |
class | Additional CSS classes on the outer section. |