FHI Angular Components

Contains Angular components used by Folkehelseinstituttet, which are based on Fhi.Frontend.Style (@folkehelseinstituttet/style), Bootstrap widgets (@ng-bootstrap) and some other third-party NPM packages.

• FHI Angular Components
  • Dependencies
  • Get started
    • Install
    • Use in your app
  • Changelog
  • Contribute
  • Demo

Dependencies

| FHI Angular Components | FHI Style | Bootstrap | NgSelect | NgBootstrap | Angular | Node/NPM | | ---------------------- | --------- | --------- | -------- | ----------- | ------- | -------- | | 5 | 6 | 5.3.2 | 13 | 17 | 18 | 20/10 * | | 4 | 6 | 5.3.2 | 12 | 16 | 17 | 18/9 * | | 3 | 5.9 | 5.3.2 | 12 | 16 | 17 | 18/9 * | | 2 | 5 | 5 | 11 | 15 | 16 | 18/9 * | | 1 | 5 | 5 | 10 | 14 | 15 | 18/9 * | | 0.5 | 5 | 5 | 10 | 14 | 15 | 18/9 * | | 0.4 | 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:

Get started

Install

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

Use in your app

After installing the package and all dependencies, add the following code to your app:

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

// In a standalone component or a shared module (it's possible to only import components you need)
import { FhiAngularComponentsModule } from '@folkehelseinstituttet/angular-components';
...
  imports: [FhiAngularComponentsModule]
...

<!-- In a template -->
<!-- <fhi-[name-of-component]></fhi-[name-of-component]> -->
<fhi-tree-view-navigation [items]="items"></fhi-tree-view-navigation>

Changelog

You find the changelog here.

Contribute

Read about how to contribute here

Demo

• Live examples in our demo app: https://designsystem.fhi.no
• Repo for demo app: https://github.com/folkehelseinstituttet/Fhi.Frontend.Demo