Skip to content

Commit

Permalink
Format Markdown
Browse files Browse the repository at this point in the history
  • Loading branch information
paulrobertlloyd committed Feb 11, 2024
1 parent 2747b86 commit 9381701
Showing 1 changed file with 25 additions and 25 deletions.
50 changes: 25 additions & 25 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,36 +21,36 @@ To add them to the NHS.UK Prototype Kit, follow these steps:

1. Add `/node_modules/nhsuk-decorated-components` to your application’s views (`appViews`) in `server.js`:

```diff
// Set up App
var appViews = extensions.getAppViews([
+ path.join(projectDir, '/node_modules/nhsuk-decorated-components'),
path.join(projectDir, '/app/views/'),
path.join(projectDir, '/lib/')
])
```
```diff
// Set up App
var appViews = extensions.getAppViews([
+ path.join(projectDir, '/node_modules/nhsuk-decorated-components'),
path.join(projectDir, '/app/views/'),
path.join(projectDir, '/lib/')
])
```

2. Add the `decorate` global function to your Nunjucks environment (`nunjucksAppEnv`) in `server.js`:

```diff
var nunjucksAppEnv = nunjucks.configure(appViews, nunjucksConfig)
```diff
var nunjucksAppEnv = nunjucks.configure(appViews, nunjucksConfig)

// Add Nunjucks Globals
+ const { decorate } = require('nhsuk-decorated-components')
+ nunjucksAppEnv.addGlobal('decorate', decorate)
// Add Nunjucks Globals
+ const { decorate } = require('nhsuk-decorated-components')
+ nunjucksAppEnv.addGlobal('decorate', decorate)

// Add Nunjucks filters
utils.addNunjucksFilters(nunjucksAppEnv)
```
// Add Nunjucks filters
utils.addNunjucksFilters(nunjucksAppEnv)
```

3. Replace imported NHS.UK Frontend macros with those provided by this package:

```diff
+ {% from "x-nhsuk/decorated/button/macro.njk" import button with context %}
+ {% from "x-nhsuk/decorated/checkboxes/macro.njk" import checkboxes with context %}
+ {% from "x-nhsuk/decorated/date-input/macro.njk" import dateInput with context %}
+ {% from "x-nhsuk/decorated/input/macro.njk" import input with context %}
+ {% from "x-nhsuk/decorated/radios/macro.njk" import radios with context %}
+ {% from "x-nhsuk/decorated/select/macro.njk" import select with context %}
+ {% from "x-nhsuk/decorated/textarea/macro.njk" import textarea with context %}
```
```diff
+ {% from "x-nhsuk/decorated/button/macro.njk" import button with context %}
+ {% from "x-nhsuk/decorated/checkboxes/macro.njk" import checkboxes with context %}
+ {% from "x-nhsuk/decorated/date-input/macro.njk" import dateInput with context %}
+ {% from "x-nhsuk/decorated/input/macro.njk" import input with context %}
+ {% from "x-nhsuk/decorated/radios/macro.njk" import radios with context %}
+ {% from "x-nhsuk/decorated/select/macro.njk" import select with context %}
+ {% from "x-nhsuk/decorated/textarea/macro.njk" import textarea with context %}
```

0 comments on commit 9381701

Please sign in to comment.