@folkehelseinstituttet/angular-components

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
4.x.x	6	5.3.2	12	16	17	18/9 *
3.x.x	5.9	5.3.2	12	16	17	18/9 *
2.x.x	5	5	11	15	16	18/9 *
1.x.x	5	5	10	14	15	18/9 *
0.5.x	5	5	10	14	15	18/9 *
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:

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 "./node_modules/@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