@helsevestikt/hviktor-angular

Angular-komponenter basert på Digdir Designsystemet for Helse Vest IKT.

Installasjon

npm install @helsevestikt/hviktor-angular

Oppsett

Importer stylesheet i src/styles.css:

@import '@helsevestikt/hviktor-angular/styles.css';

Bruk

Importer komponentene du trenger direkte i standalone-komponenter:

import { HviButton } from '@helsevestikt/hviktor-angular';

@Component({
  imports: [HviButton],
  template: `<button hviButton>Klikk meg</button>`,
})
export class MyComponent {}

Tilgjengelige komponenter

Komponent	Beskrivelse
Alert	Varselmeldinger
Avatar	Brukeravatar
Badge	Merkelapper og tellere
Breadcrumbs	Navigasjonsstifinne
Button	Knapper
Card	Kort-layout
Chip	Filterbrikker
Details	Sammenleggbart innhold
Dialog	Modaldialog
Divider	Skillelinje
Forms	Skjemaelementer (field, fieldset, input, validering)
Heading	Overskrifter
Icon	Ikoner
Label	Etiketter
Link	Lenker
Paragraph	Avsnitt
Tag	Kategorimerker

Krav

Angular 17–21
Node.js 20+