Outcomes
Equal columns of outcome copy with one optional section foot link.
Try it
Outcomes
Three result statements with one follow-up link.
Use it
Working invocation
This code creates the configuration shown above. Copy the template and the required Python context together.
{% include "brickwork_marketing/components/_outcomes.html" %}context = {'heading': 'What changes', 'items': [{'heading': 'Clear contracts', 'body': 'Templates expose supported inputs.'}, {'heading': 'Consistent pages', 'body': 'Shared components carry layout rules.'}], 'url': '/approach/', 'link_label': 'See the approach'}Guide
Add it to your project
- Use the public include path "brickwork_marketing/components/_outcomes.html" from the installed django-brickwork package.
- Supply item records from context.
- Pass url and link_label together for the single foot link.
- Do not add per-column links: use methods or feature grid for that interaction model.
Options
Public API
| Option | Type | Default | Required | Description |
|---|---|---|---|---|
| heading | string | Not set | No | Section heading; its semantic level is set by this component. Constraint: No additional template constraint beyond the documented type. |
| items | list of {heading, body?} | Not set | No | Ordered structured records rendered by the component; supply them from view context rather than trying to construct a list in a template. Constraint: Each record must use the documented keys for this component; an omitted or empty list does not fabricate a placeholder. |
| items[].heading | string | Not set | No | Entry heading rendered for this record. Constraint: No additional template constraint beyond the documented type. |
| items[].body | string | Not set | No | Optional explanatory text for this record. Constraint: No additional template constraint beyond the documented type. |
| url | string | Not set | No | Destination for the optional component-level link. Constraint: No additional template constraint beyond the documented type. |
| link_label | string | Not set | No | Visible label for the optional outcomes destination; pair it with `url`. Constraint: No additional template constraint beyond the documented type. |
Behaviour
Accessibility and responsive behaviour
- Accessibility
- h2 and h3 hierarchy; the foot action is a labelled anchor.
- Responsive
- One column below sm; equal auto-fit columns from sm.
- Without JavaScript
- Static HTML; no JavaScript required.
Need help?
Troubleshooting
The section-level link is absent.
Supply both `url` and `link_label`; a destination without visible link text is intentionally not rendered.
Explore next