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 |
| ---------------------- | --------- | --------- | -------- | ----------- | ------- | -------- |
| 7 | 6 | 5.3.2 | 20 | 19 | 20 | 20/10 * |
| 6 | 6 | 5.3.2 | 14 | 18 | 19 | 20/10 * |
| 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
_* old.designsystem.fhi.no uses these Node/NPM versions, older versions may work, but then you're on your own_ :wink:

Get started

$3

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

$3

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

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

`ts
// 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]
...
`

`html



``

Changelog

You find the changelog here.

Contribute

Read about how to contribute here

Demo

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