ngxm-input v0.0.11

Ngxm-input - simplify, lightweight all in one input for Angular.

See demo page.

##Features

• Correct behavior show errors message by default
• Password eye option
• Loop type search icon
• Style in css variables
• Reactive form support
• JS logic MaxLength

##Getting started

###Step 1: Install:

NPM

npm i --save ngxm-input

###Step 2: Import the NgxmInputModule and angular FormsModule module:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgxmInputModule } from '../../../ngxm-input/src/lib/ngxm-input.module';

@NgModule({
declarations: [AppComponent],
imports: [
  BrowserModule,
  BrowserAnimationsModule,
  ReactiveFormsModule,
  NgxmInputModule,
  FormsModule,
],
bootstrap: [AppComponent],
})
export class AppModule {}

Usage

<form [formGroup]="form" class="demo-box">
  <h1>Example</h1>
  <ngmx-input
    [label]="'Demo input'"
    [formControlName]="'testControl'"
  >
  </ngmx-input>
</form>

API

Inputs