Skip to main content
brickwork
GitHub Log in Get started
Display
Theme
Density
Direction
Brand

Documentation

Feature list

A concise ticked list of inclusions.

All components Marketing Brickwork 4.3.1

Try it

Inclusions

Open full-page preview

A compact two-item feature checklist.

Included

  • Semantic HTML
  • Responsive layouts
Use when short benefits read better as a checklist than cards.

Use it

Working invocation

This code creates the configuration shown above. Copy the template and the required Python context together.

templates/your_app/component.html

Django template

{% include "brickwork_marketing/components/_feature_list.html" %}

your_app/views.py

Python

context = {'heading': 'Included', 'items': ['Semantic HTML', 'Responsive layouts']}

Guide

Add it to your project

  1. Use the public include path "brickwork_marketing/components/_feature_list.html" from the installed django-brickwork package.
  2. Supply item strings or label/text objects from context.
  3. Include with an optional heading.
  4. Do not use it for complex descriptions or per-item links.

View this component's source for the installed release

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 strings or {label/text} 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.

Behaviour

Accessibility and responsive behaviour

Accessibility
Uses a real list; check marks are decorative.
Responsive
One column below sm, two from sm.
Without JavaScript
Static HTML; no JavaScript required.

Need help?

Troubleshooting

No list appears.

Provide a non-empty `items` list. This include does not invent placeholder benefits when data is absent.

Explore next

Used in examples

Documentation