# Web Components

![npm (scoped)](https://img.shields.io/npm/v/@abgov/web-components?color=%230081a2&label=react-components&style=flat-square)

This library contains web components from the Government of Alberta.

```bash
npm i @abgov/web-components
```

### Icons

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

```html
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
```

### Styles

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

```css
@import "@abgov/web-components/index.css";
```
---

[Visit Design System](https://design.alberta.ca)