@finlexlabs/forms NPM

FinlexForms (@finlexlabs/forms)

Library Name: finlex-forms Package Name: @finlexlabs/forms Repo Name: fx-ng-components

Steps to Build & Publish Library

Package Renaming

Go to ./src/finlex-forms/package.json Rename package name from finlex-forms to @finlexlabs/forms

Build

npm run build:forms

It will build finlex-forms using ng-packagr. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build:forms, go to the dist folder cd dist/finlex-forms and run npm publish.

This package contains following Finlex modules:

FinlexFormArray
FinlexFormControl
Read more about this component here.
FinlexFormGroup
Read more about this component here.

NOTE: Until we have a better solution for theming, the overridematerial-form-field.scss is provided by @finlex/layout package even though its actually only related to @finlexlabs/forms. This should change in the future.
The reason why its like this is because currently, we are overriding some css (e.g. material-tabs css) that is not part of any component inside finlexlabs/forms so it cannot be supplied independantly.