AND Digital Design System

A react component library built from the latest design system made by the Kilburn UX team.

Figma: https://www.figma.com/file/wlCsuvp3JOv3XX5U0rJ6r8/AND-Design-System-%2F-Component-Library

Consuming the npm package

#### Styles

This will need to be added to the global bundle, if that is CRA (create react app) then import it at the App.js level. If it is nextjs you need to import it at the __app.(tsx|jsx) level.

import 'and-design-system/dist/styles.min.css';

Components

Types should be good to go with this npm package so it will inform you what props you need to get the component working.

import { Pill } from 'and-design-system';

Installation

Just needs an npm install.

Local Development

npm start will spin up a storybook on port 6006.

Build

npm run build

Will create a dist directory with the production version of the npm package.

Deployment

We use amplify for this which lives under a kilburn domain at the moment.