Add task list component and pattern #2031
Draft
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Adds the task list component and pattern. These are largely copied verbatim from the GOV.UK Design System, though I have made updates to refer to NHS, make the examples more relevant, or where our colour scheme differs.
As the NHS Frontend component PR hasn't been merged, this PR targets that pr in
package.json
. This should be removed prior to this PR being merged. For testing, you can pull this branch and runnpm install
and it should pick up the other work.It's possible the component / pattern should be mentioned / listed in other bits of the app - I tried to insert it in all the places by checking where another pattern was mentioned, but it's possible I've missed places.
Component guidance
Pattern guidance
Updated tag colour examples
The tag component shows some example statuses - but these don't align with what the task list pattern uses. I've updated the two conflicting ones to align with what we and GOV.UK have.
Related issue
This wants to be merged alongside the companion nhsuk-frontend pr adding the task list component.
Checklist
package.json
(using SEMVER)