Altinn Design System

This design system is based on Pattern Lab code and atomic design principles. The repo contains the source code and configuration for building and running the design system locally and for creating distribution files.

You can always test the live version of the latest build, or download the altinn-designsystem npm package.

Dependencies

Make sure that Node.js (version 6 or newer) is installed. The package manager npm will be included.

You need npm version >5 to make use of the package-lock.json file.

check version:

npm -v

Update npm:

npm update -g npm

Setup

git clone https://github.com/Altinn/DesignSystem.git

Navigate to the root of the code and run:

npm install

Run

This will take a couple of minutes...

npm start

The command will build and run the design system locally on http://localhost:3000 and automatically rebuild if the source code is changed.