@ngx-reasyform/ui-material

Material Design UI components for REasyform.

This package provides Material Design components for rendering form fields:

• Material input fields
• Material select components
• Material date pickers
• Material form controls and validation styling

Installation

npm install @ngx-reasyform/ui-material

Dependencies

• @ngx-reasyform/core: ^1.0.0
• @ngx-reasyform/rendering: ^1.0.0
• filesize: ^11.0.15

Peer Dependencies

• @angular/core: >=17 <23
• @angular/common: >=17 <23
• @angular/forms: >=17 <23
• @angular/material: >=17 <23
• @angular/cdk: >=17 <23
• rxjs: ^7.0.0

Usage

Register the Material UI components using REasyformBuilderService:

import { materialEasyInputsLoaderMap } from '@ngx-reasyform/ui-material';
import { REasyformBuilderService } from '@ngx-reasyform/rendering';

@Component({ /* ... */ })
export class AppComponent {
  constructor(private builderService: REasyformBuilderService) {
    this.builderService.registerControlViews(materialEasyInputsLoaderMap);
  }
}

Note: Make sure to import BrowserAnimationsModule for Material animations to work properly.

Build

Run ng build ui-material to build the library. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test ui-material to execute the unit tests via Karma.