-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
7d05b1c
commit f62bd2f
Showing
14 changed files
with
254 additions
and
96 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| {% extends "./sidebar.njk" %} | ||
|
|
||
| {%- from "./partials/side-navigation.njk" import appSideNavigation %} | ||
|
|
||
| {% block breadcrumb %} | ||
| {% if title === "Community" %} | ||
| {{ breadcrumb({ | ||
| href: "/", | ||
| text: "Home" | ||
| }) }} | ||
| {% else %} | ||
| {{ breadcrumb({ | ||
| items: [ | ||
| { | ||
| href: "/", | ||
| text: "Home" | ||
| } | ||
| ], | ||
| href: "/community", | ||
| text: "Community" | ||
| }) }} | ||
| {% endif %} | ||
| {% endblock %} | ||
|
|
||
| {% set sidebar %} | ||
| {{ appSideNavigation({ | ||
| currentPath: page.url, | ||
| items: collections.community | sort(attribute="data.title") | ||
| }) }} | ||
| {% endset %} | ||
|
|
||
| {% block main %} | ||
| <h1 class="nhsuk-heading-xl nhsuk-u-margin-bottom-7"> | ||
| {{ title }} | ||
| </h1> | ||
| {{ content | safe }} | ||
| {% endblock %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| {% extends "./sidebar.njk" %} | ||
|
|
||
| {%- from "./partials/side-navigation.njk" import appSideNavigation %} | ||
|
|
||
| {% block breadcrumb %} | ||
| {% if title === "Get started" %} | ||
| {{ breadcrumb({ | ||
| href: "/", | ||
| text: "Home" | ||
| }) }} | ||
| {% else %} | ||
| {{ breadcrumb({ | ||
| items: [ | ||
| { | ||
| href: "/", | ||
| text: "Home" | ||
| } | ||
| ], | ||
| href: "/get-started", | ||
| text: "Get started" | ||
| }) }} | ||
| {% endif %} | ||
| {% endblock %} | ||
|
|
||
| {% set sidebar %} | ||
| {{ appSideNavigation({ | ||
| currentPath: page.url, | ||
| items: collections.getStarted | sort(attribute="data.title") | ||
| }) }} | ||
| {% endset %} | ||
|
|
||
| {% block main %} | ||
| <h1 class="nhsuk-heading-xl nhsuk-u-margin-bottom-7"> | ||
| {{ title }} | ||
| </h1> | ||
| {{ content | safe }} | ||
| {% endblock %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| <div class="app-callout"> | ||
| <div class="app-callout__content"> | ||
| <h2 class="nhsuk-heading-m">Get help</h2> | ||
| <p>The NHS App Design System Team provides support for users of the NHS App Design System. <a href="/help-and-feedback/">Contact us</a> to ask for help.</p> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| // Custom component for the NHS App deign system documentation | ||
| .app-callout { | ||
| @include nhsuk-responsive-margin(5,"bottom"); | ||
| @include nhsuk-responsive-padding(4); | ||
|
|
||
| border: nhsuk-spacing(1) solid $color_nhsuk-blue; | ||
|
|
||
| &__content { | ||
| @include reading-width(); | ||
|
|
||
| :last-child { | ||
| margin-bottom: 0; | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| --- | ||
| layout: layouts/community.njk | ||
| title: Community | ||
| --- | ||
|
|
||
| The NHS App Design System supports the design, build, and delivery of accessible and consistent services. It does this by helping people, teams, professions, and communities across the NHS App to learn from the experiences of each other, contribute and share knowledge, and reuse as much as possible. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,25 +1,21 @@ | ||
| --- | ||
| layout: layouts/component.njk | ||
| isIndex: true | ||
| title: NHS App design components | ||
| title: Components | ||
| description: These are components designed specifically for the needs of NHS App users. They are not yet in the NHS design system. | ||
| --- | ||
|
|
||
| ## Finding the component you need | ||
|
|
||
| Check the [NHS design system](https://service-manual.nhs.uk/design-system) to see if the component you need is already being used across the NHS. | ||
|
|
||
| If you can't find what you need in the NHS design system or the NHS App design components, you can: | ||
| If you can't find what you need in the NHS design system or the NHS App design system, you can: | ||
|
|
||
| - [check the NHS design system backlog](https://github.com/nhsuk/nhsuk-service-manual-community-backlog/projects/1) to see if it is being worked on by other teams across the NHS and add your findings | ||
| - [check NHS App component backlog](https://github.com/orgs/nhsuk/projects/8) to see if it is being worked on by the NHS App and add your findings | ||
| - [check the NHS community backlog](https://github.com/nhsuk/nhsuk-service-manual-community-backlog/projects/1) | ||
| - [check NHS App design system backlog](https://github.com/orgs/nhsuk/projects/8) | ||
|
|
||
| ## Using code snippets in prototypes | ||
|
|
||
| Each component includes coded examples. You will need to install [NHS App frontend](/components/install-nhsapp-frontend-in-your-prototype) to use components with specific NHS App code not yet supported by the NHS Prototype Kit. | ||
| Each component includes coded examples. You will need to install [NHS App frontend](/get-started/prototyping) to use components with specific NHS App code not yet supported by the NHS Prototype Kit. | ||
|
|
||
| Find out how to [set up the prototype kit](https://nhsuk-prototype-kit.azurewebsites.net/docs). | ||
|
|
||
| ## Get help | ||
|
|
||
| The NHS App Design System Team provides support for users of the NHS App design resources. [Contact us](/help-and-feedback/) to ask for help. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| --- | ||
| layout: layouts/get-started.njk | ||
| title: Get started | ||
| --- | ||
|
|
||
| To make your service consistent with the NHS, you should start by checking what exists in the [NHS Design System](https://service-manual.nhs.uk/design-system). | ||
|
|
||
| If something is not in the NHS Design System, you should check what exists in the: | ||
|
|
||
| - NHS App design system | ||
| - [gov department pattern libraries](https://github.com/ctdesign/gov-design-systems-list) | ||
| - [NHS community backlog](https://github.com/nhsuk/nhsuk-service-manual-community-backlog) | ||
|
|
||
| Reuse as much as possible and iterate based on user needs. | ||
|
|
||
| ## Using the design system | ||
|
|
||
| The NHS App design system brings together [components and patterns](/components/) created by designers and developers on the NHS App. | ||
|
|
||
| To use these components and patterns you can either: | ||
|
|
||
| - copy the HTML code | ||
| - copy the Nunjucks code (if you are using [Nunjucks](https://mozilla.github.io/nunjucks/) or the [NHS prototype kit](https://nhsuk-prototype-kit.azurewebsites.net/docs)) | ||
|
|
||
| ## Contributing to the design system | ||
|
|
||
| You can contribute your research findings, designs or code to the NHS App design system by commenting on [existing issues](https://github.com/orgs/nhsuk/projects/8) or starting a [new issue](https://github.com/nhsuk/nhsapp-frontend/issues/new/choose) on GitHub. |
8 changes: 3 additions & 5 deletions
8
...tall-nhsapp-frontend-in-your-prototype.md → docs/get-started/prototyping.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.