Methods
A quiet two-column presentation of methods or services with optional text links.
Try it
Methods
Two named methods with one text 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/_methods.html" %}context = {'heading': 'How we work', 'items': [{'heading': 'Inspect', 'stages': '01 / understand', 'body': 'Find the constraints before changing the interface.', 'url': '/method/inspect/', 'link_label': 'Read the method'}, {'heading': 'Compose', 'stages': '02 / build', 'body': 'Make pages from stable parts.'}]}Guide
Add it to your project
- Use the public include path "brickwork_marketing/components/_methods.html" from the installed django-brickwork package.
- Supply method records from context.
- Provide url and link_label together to render the per-method link.
- Include with optional heading.
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 {heading, stages?, body?, url?, link_label?} | Not set | No | Method records: `{heading, stages?, body?, url?, link_label?}`. Constraint: Every record needs `heading`. `link_label` renders only with `url`; keep stages as structured sequence data rather than HTML. |
| items[].heading | string | Not set | No | Entry heading rendered for this record. Constraint: No additional template constraint beyond the documented type. |
| items[].stages | string | Not set | No | Optional ordered stages shown in a method entry. 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[].link_label | string | Not set | No | Visible label for an item URL; it is only rendered when the method item has `url`. Constraint: No additional template constraint beyond the documented type. |
Behaviour
Accessibility and responsive behaviour
- Accessibility
- Uses h2 and h3 hierarchy. The visible text link is a real anchor.
- Responsive
- One column below sm, two from sm.
- Without JavaScript
- Static HTML; no JavaScript required.
Need help?
Troubleshooting
Stage labels render as plain text instead of a sequence.
Supply the item `stages` collection, not an HTML string; the component owns the ordered-stage markup.
Explore next