Package Exports

@abgov/angular-components

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@abgov/angular-components) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

angular-components

This library contains angular components from the Government of Alberta. This plugin uses angular 11, which is required to make it compatible with the latest nx angular generator.

UI Components Storybook - Angular

Installation

Add @abgov/angular-components npm add --save @abgov/angular-components
OPTIONAL: in package.json specify the allowed versions for installation
Add peer dependencies
OPTIONAL: Add to styles to import Alberta fonts and global element styles. @import '~@abgov/angular-components/theme.css';
Add localize to polyfill.js import '@angular/localize/init';
Add "preserveSymlinks": true to configurations in angular.json.

Documentation

Documentation is being worked on and will be provided soon.

Usage

import { AngularComponentsModule } from '@abgov/angular-components'
...
@NgModule({
  ...
  imports: [
    AngularComponentsModule
  ],
  ...
})

For experimental components, import ExperimentalComponentsModule.

import { AngularComponentsModule, ExperimentalComponentsModule } from '@abgov/angular-components'
...
@NgModule({
  ...
  imports: [
    AngularComponentsModule,
    ExperimentalComponentsModule
  ],
  ...
})