@folkehelseinstituttet/angular-components v5.1.0

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

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