NHS Frontend Styles for Wagtail
Project description
Wagtail NHS Style
A wagtail implementation of the NHS frontend v0.8.0 standard components.
Installation
Install the pypi package
pip install wagtail-nhs-style
Add to your INSTALLED_APPS in wagtail settings
INSTALLED_APPS = [
...
'wagtailnhsstyle',
...
]
Use blocks in your streamfields
from wagtail.admin.edit_handlers import FieldPanel, StreamFieldPanel
from wagtail.core.models import Page
from wagtail.core.fields import StreamField
from wagtailnhsstyle.blocks import ActionLinkBlock, CalloutBlock
class HomePage(Page):
body = StreamField([
# Include any of the blocks you want to use.
('action_link', ActionLinkBlock()),
('callout', CalloutBlock()),
])
content_panels = Page.content_panels + [
StreamFieldPanel('body'),
]
Use templatetags
{% load nhsstyle_tags %}
<html>
...
<body>
{% breadcrumbs %}
</body>
</html>
Use template includes
{% include 'wagtailnhsstyle/header.html' with show_search=True %}
See the component documentation for a list of components you can use.
Include the CSS in your base template
<link rel="stylesheet" type="text/css" href="{% static 'wagtailnhsstyle/css/nhsuk-wagtail.min.css' %}">
Include the Javascript in your base template
<script type="text/javascript" src="{% static 'wagtailnhsstyle/js/nhsuk-0.8.0.min.js' %}" defer></script>
Further reading
See more documentation
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
wagtail-nhs-style-0.1.0.tar.gz
(46.8 kB
view hashes)
Built Distribution
Close
Hashes for wagtail_nhs_style-0.1.0-py3-none-any.whl
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | c944e1e30b4c67d701ed8b470b1cd1c10996d320da9fc29c053fda35f183e163 |
|
| MD5 | 80380c85831eb9defc91c9e02e682b6a |
|
| BLAKE2b-256 | c452d3dfc29f1d16d6ca4fb2e7d00120ba20ce38967913b95e7f7cf7b663582a |