NHSUK Frontend Styles for Wagtail
Project description
Wagtail NHS.UK frontend
A wagtail implementation of the NHS frontend v2.1.0 standard components.
Installation
Install the pypi package
pip install wagtail-nhsuk-frontend
Add to your INSTALLED_APPS
in wagtail settings
INSTALLED_APPS = [
...
'wagtailnhsukfrontend',
...
]
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 wagtailnhsukfrontend.blocks import ActionLinkBlock, WarningCalloutBlock
class HomePage(Page):
body = StreamField([
# Include any of the blocks you want to use.
('action_link', ActionLinkBlock()),
('callout', WarningCalloutBlock()),
])
content_panels = Page.content_panels + [
StreamFieldPanel('body'),
]
Use templatetags
{% load nhsukfrontend_tags %}
<html>
...
<body>
{% breadcrumb %}
</body>
</html>
Use template includes
{% include 'wagtailnhsukfrontend/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 'wagtailnhsukfrontend/css/wagtail-nhsuk-frontend.min.css' %}">
Include the Javascript in your base template
<script type="text/javascript" src="{% static 'wagtailnhsukfrontend/js/nhsuk-2.1.0.min.js' %}" defer></script>
Contributing
See the contributing documentation to run the application locally and contribute changes.
Further reading
See more documentation
Project details
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
Close
Hashes for wagtail-nhsuk-frontend-0.3.0.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 4770e148c61332b8a088e1b1b4a7daba372e2c99f44b1c69981cb38e74e4d6ea |
|
MD5 | 030fdc794c9d791486e6c6584c2bd13a |
|
BLAKE2b-256 | d2d6ef1c41730dd25ded99fd4980cba50ccc1eab9f5306e8ebb82674f86b1a90 |