Developers

Setup

Angular UI components

This is the web component library and utilizes Angular's web component integration.

1. Add Dependencies

2. Link ionicons in app/index.html Add the following in the head element

3. Update src/app/app.module.ts as per the four steps below

4. Add the styles link in the src/styles.css file

React UI components

This library contains React components which wrap the Government of Alberta Web Components.

1. Add Dependencies

2. Link ionicons in app/index.html Add the following to the head element

3. Import the web-component styles in the src/index.css file

Web components

This library contains react components from the Government of Alberta.

1. Add Dependencies

2. Link ionicons in index.html Add the following in the head element

3. Import the web-components into src/main.js:

4. Add the styles link in the src/assets/main.css file or wherever your main css file is located:

Angular/React templates

To use the templates, follow these steps:

1. Click the green Use this template button
2. Select Create a new repository
3. Select an owner and give the repo a suitable name for your project
4. Select either Public or Private
5. Click the button Create repository from template
6. Clone the repo onto your machine
7. Using a terminal of some kind, go into the directory you created and run the following commands (in order):
   1. npm i
   2. npm run build
   3. npm run start # Angular
npm run dev # React
8. Go to the listed port number of your localhost