Case list
A ruled list of case studies or results, with optional proof figures and whole-row destinations.
Try it
Linked cases
Rows with a proof value and accessible destination.
Use it
Working invocation
This code creates the configuration shown above. Copy the template and the required Python context together.
{% include "brickwork_marketing/components/_case_list.html" %}context = {'heading': 'Selected work', 'items': [{'result': '42%', 'heading': 'Faster publishing', 'body': 'A repeatable content workflow.', 'url': '/case-studies/publishing/', 'aria_label': 'Read the Faster publishing case study'}, {'result': '18 days', 'heading': 'Launch cycle', 'body': 'From brief to production.'}]}Guide
Add it to your project
- Use the public include path "brickwork_marketing/components/_case_list.html" from the installed django-brickwork package.
- Supply list-shaped items from the view or wrapper context.
- Include the component with an optional section heading.
- Add url only for rows that navigate; add aria_label when visible row text is insufficient.
Options
Public API
| Option | Type | Default | Required | Description |
|---|---|---|---|---|
| heading | string | Not set | No | Section heading rendered as an `<h2>` by this marketing component. Constraint: Keep it in outline order beneath the page hero h1. |
| items | list of {result?, heading, body?, url?, aria_label?} | Not set | No | Case records: `{result?, heading, body?, url?, aria_label?}`. A URL makes the entire row a real link. Constraint: Every record needs `heading`. `aria_label` only applies with `url`; an empty list emits no invented row. |
| items[].result | string | Not set | No | Short leading proof figure, such as a metric or year. Constraint: No additional template constraint beyond the documented type. |
| 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. |
| items[].url | string | Not set | No | Destination that makes the record’s documented link area interactive. Constraint: No additional template constraint beyond the documented type. |
| items[].aria_label | string | Not set | No | Accessible-name override for a linked case row; ignored when the record has no `url`. Constraint: Only affects an item that also has a URL. |
Behaviour
Accessibility and responsive behaviour
- Accessibility
- Uses section h2, entry h3s and a real list. Linked rows are anchors.
- Responsive
- Result and main columns stack below the small breakpoint.
- Without JavaScript
- Static HTML; no JavaScript required.
Need help?
Troubleshooting
A row looks clickable but does not navigate.
Set that item’s `url`; without it the component deliberately emits a non-interactive div.
Explore next