Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 2 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 (over 1 year ago)
Default Branch: main
Last Pushed: 2024-05-22T12:29:30.000Z (7 months ago)
Last Synced: 2024-05-22T13:07:25.063Z (7 months ago)
Topics: components, css, design, frontend, javascript, nodejs, nunjucks, scss, storybook, webpack
Language: JavaScript
Homepage: https://nationalarchives.github.io/tna-frontend/
Size: 4.41 MB
Stars: 2
Watchers: 6
Forks: 1
Open Issues: 1
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/using-tna-frontend/npm/#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).