-
-
-
- Page heading goes here
-
-
-
-
-
- This page example includes a selection of styles and components available to the prototype kit.
-
-
-
- For more styles, code snippets and guidance on components visit the
- NHS digital service manual .
-
-
-
-
-
- Image example
-
-
-
-
Level heading two
-
- {% set pastDayContent %}
- {{ table({
- responsive: true,
- panel: false,
- caption: "Past day",
- firstCellIsHeader: false,
- head: [
- {
- text: "Case manager"
- },
- {
- text: "Cases opened"
- },
- {
- text: "Cases closed"
- }
- ],
- rows: [
- [
- {
- header: "Case manager",
- text: "David Francis"
- },
- {
- header: "Cases opened",
- text: "3"
- },
- {
- header: "Cases closed",
- text: "0"
- }
- ],
- [
- {
- header: "Case manager",
- text: "Paul Farmer"
- },
- {
- header: "Cases opened",
- text: "1"
- },
- {
- header: "Cases closed",
- text: "0"
- }
- ],
- [
- {
- header: "Case manager",
- text: "Rita Patel"
- },
- {
- header: "Cases opened",
- text: "2"
- },
- {
- header: "Cases closed",
- text: "0"
- }
- ]
- ]
- }) }}
- {% endset -%} {% set pastWeekContent %}
- {{ table({
- responsive: true,
- panel: false,
- caption: "Past week",
- firstCellIsHeader: false,
- head: [
- {
- text: "Case manager"
- },
- {
- text: "Cases opened"
- },
- {
- text: "Cases closed"
- }
- ],
- rows: [
- [
- {
- header: "Case manager",
- text: "David Francis"
- },
- {
- header: "Cases opened",
- text: "24"
- },
- {
- header: "Cases closed",
- text: "18"
- }
- ],
- [
- {
- header: "Case manager",
- text: "Paul Farmer"
- },
- {
- header: "Cases opened",
- text: "16"
- },
- {
- header: "Cases closed",
- text: "20"
- }
- ],
- [
- {
- header: "Case manager",
- text: "Rita Patel"
- },
- {
- header: "Cases opened",
- text: "24"
- },
- {
- header: "Cases closed",
- text: "27"
- }
- ]
- ]
- }) }}
- {% endset -%} {% set pastMonthContent %}
- {{ table({
- responsive: true,
- panel: false,
- caption: "Past month",
- firstCellIsHeader: false,
- head: [
- {
- text: "Case manager"
- },
- {
- text: "Cases opened"
- },
- {
- text: "Cases closed"
- }
- ],
- rows: [
- [
- {
- header: "Case manager",
- text: "David Francis"
- },
- {
- header: "Cases opened",
- text: "98"
- },
- {
- header: "Cases closed",
- text: "95"
- }
- ],
- [
- {
- header: "Case manager",
- text: "Paul Farmer"
- },
- {
- header: "Cases opened",
- text: "122"
- },
- {
- header: "Cases closed",
- text: "131"
- }
- ],
- [
- {
- header: "Case manager",
- text: "Rita Patel"
- },
- {
- header: "Cases opened",
- text: "126"
- },
- {
- header: "Cases closed",
- text: "142"
- }
- ]
- ]
- }) }}
- {% endset -%} {% set pastYearContent %}
- {{ table({
- responsive: true,
- panel: false,
- caption: "Past year",
- firstCellIsHeader: false,
- head: [
- {
- text: "Case manager"
- },
- {
- text: "Cases opened"
- },
- {
- text: "Cases closed"
- }
- ],
- rows: [
- [
- {
- header: "Case manager",
- text: "David Francis"
- },
- {
- header: "Cases opened",
- text: "1380"
- },
- {
- header: "Cases closed",
- text: "1472"
- }
- ],
- [
- {
- header: "Case manager",
- text: "Paul Farmer"
- },
- {
- header: "Cases opened",
- text: "1129"
- },
- {
- header: "Cases closed",
- text: "1083"
- }
- ],
- [
- {
- header: "Case manager",
- text: "Rita Patel"
- },
- {
- header: "Cases opened",
- text: "1539"
- },
- {
- header: "Cases closed",
- text: "1265"
- }
- ]
- ]
- }) }}
- {% endset -%}
- {{ tabs({
- items: [
- {
- label: "Past day",
- id: "past-day",
- panel: {
- html: pastDayContent
- }
- },
- {
- label: "Past week",
- id: "past-week",
- panel: {
- html: pastWeekContent
- }
- },
- {
- label: "Past month",
- id: "past-month",
- panel: {
- html: pastMonthContent
- }
- },
- {
- label: "Past year",
- id: "past-year",
- panel: {
- html: pastYearContent
- }
- }
- ]
- }) }}
-
- {{ list({
- "title": "Do",
- "type": "tick",
- "items": [
- {
- "item": "cover blisters that are likely to burst with a soft plaster or dressing"
- },
- {
- "item": "wash your hands before touching a burst blister"
- },
- {
- "item": "allow the fluid in a burst blister to drain before covering it with a plaster or dressing"
- }
- ]
- }) }}
-
- {{ list({
- "title": "Don't",
- "type": "cross",
- "items": [
- {
- "item": "burst a blister yourself"
- },
- {
- "item": "peel the skin off a burst blister"
- },
- {
- "item": "pick at the edges of the remaining skin"
- },
- {
- "item": "wear the shoes or use the equipment that caused your blister until it heals"
- }
- ]
- }) }}
-
-
- Level heading three
-
-
-
- Body text:
-
-
-
-
- The quick brown
-
-
- fox jumps over
-
-
- the lazy dog
-
-
-
- {{ warningCallout({
- "heading": "School, nursery or work",
- "HTML": "
Stay away from school, nursery or work until all the spots have crusted over. This is usually 5 days after the spots first appeared.
"
- }) }}
-
-
- Page last reviewed: 15 March 2021
- Next review due: 15 March 2024
-
-
-
-
-