@folkehelseinstituttet/angular-components

FHI AngularComponents

Contains frontend Angular components used by FHI, based on Bootstrap widgets (@ng-bootstrap) and Fhi.Frontend.Style (@folkehelseinstituttet/style)

Dependencies

FHI AngularComponents	FHI Style	Bootstrap	NgSelect	NgBootstrap	Angular	Node/NPM
0.4.x	5	5	10	14	15	18/9 *
0.3.0	4	5	10	14	15	18/9 *
0.2.0	4	5	9	13	14	16/8 *

For more dependencies see peerDependencies in package.json * designsystem.fhi.no uses these Node/NPM versions, older versions may work, but then you're on your own :wink:

Changelog

You find the changelog here.

Contribute

Read about how to contribute here

Demo and documentation

Live examples in our demo app: https://designsystem.fhi.no

Repo for demo app: Fhi.Frontend.Demo

Get started

Install

Install with npm: npm install @folkehelseinstituttet/angular-components

Add to app

After installing the package and all dependencies add the following code to you're app:

// In a module
import { FhiAngularComponentsModule } from '@folkehelseinstituttet/angular-components';

...
  imports: [FhiAngularComponentsModule]
...

<!-- In a component (.html) -->

<!-- FhiAutosuggest is just one of the available components, and if 
     only one is needed it is possible to only import that one instead
     of FhiAngularComponents -->
<fhi-autosuggest
  description="Velg/søk etter bilmerke"
  [items]="cars"
  label="Biler"
  labelForId="biler-1"
  notFoundText="Ingen treff"
  placeholder="Søk"
  [(selectedItem)]="selectedCar">
</fhi-autosuggest>

// In global css-file (usually style.scss)
@import "./node_modules/@folkehelseinstituttet/angular-components/styles/import/all";