https://github.com/nationalarchives/tna-frontend

TNA Frontend contains the code you need to start building user interfaces for National Archives platforms and services
https://github.com/nationalarchives/tna-frontend

components css design frontend javascript nodejs nunjucks scss storybook webpack

Last synced: 3 months ago
JSON representation

TNA Frontend contains the code you need to start building user interfaces for National Archives platforms and services

• Host: GitHub
• URL: https://github.com/nationalarchives/tna-frontend
• Owner: nationalarchives
• License: mit
• Created: 2023-06-07T10:52:06.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-29T17:22:55.000Z (6 months ago)
• Last Synced: 2024-10-29T17:23:30.139Z (6 months ago)
• Topics: components, css, design, frontend, javascript, nodejs, nunjucks, scss, storybook, webpack
• Language: JavaScript
• Homepage: https://nationalarchives.github.io/tna-frontend/
• Size: 5.1 MB
• Stars: 2
• Watchers: 6
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        


# TNA Frontend

[![Main build status](https://img.shields.io/github/actions/workflow/status/nationalarchives/tna-frontend/tests.yml?style=flat-square&event=push&branch=main)](https://github.com/nationalarchives/tna-frontend/actions/workflows/tests.yml?query=branch%3Amain)

[![Latest release](https://img.shields.io/github/v/release/nationalarchives/tna-frontend?style=flat-square&logo=github&logoColor=white&sort=semver)](https://github.com/nationalarchives/tna-frontend/releases)

[![NPM version](https://img.shields.io/npm/v/@nationalarchives/frontend?style=flat-square&logo=npm&logoColor=white)](https://www.npmjs.com/package/@nationalarchives/frontend)

[![Licence](https://img.shields.io/github/license/nationalarchives/tna-frontend?style=flat-square)](https://github.com/nationalarchives/tna-frontend/blob/main/LICENCE)

TNA Frontend contains the code you need to start building a user interface for National Archives platforms and services.

## Quickstart

```sh

# Node version

nvm use

# Install dependencies

npm install

# Start Storybook

npm start

```

## Useful links

- [TNA Frontend Storybook](https://nationalarchives.github.io/tna-frontend/)

- [TNA Frontend docs](https://nationalarchives.github.io/tna-frontend-docs/)

- [National Archives Design System](https://nationalarchives.github.io/design-system/)

## Accessibility

The National Archives Digital Services team works hard to ensure that TNA Frontend is accessible.

Using Frontend will help your service meet [level AA of WCAG 2.2](https://www.gov.uk/service-manual/helping-people-to-use-your-service/understanding-wcag). But you must still [check that your service meets accessibility requirements](https://www.gov.uk/service-manual/helping-people-to-use-your-service/making-your-service-accessible-an-introduction), especially if you extend or modify components.

You should also use:

- [the JavaScript from TNA Frontend](https://nationalarchives.github.io/tna-frontend-docs/get-started/setup/#javascript)

You can also read the [accessibility statement for the National Archives Design System](https://nationalarchives.github.io/design-system/accessibility/).

### Accessibility warnings

If you get a warning from a linter or accessibility checker, check our list of [issues you should not need to fix](https://nationalarchives.github.io/tna-frontend-docs/contributing/accessibility/#accessibility-issues-you-should-not-need-to-fix).