0.0.2 • Published 2 years ago

ngxm-textarea v0.0.2

Weekly downloads
-
License
-
Repository
github
Last release
2 years ago

Ngxm-textarea - simplify, lightweight textarea for Angular.

See demo page.

##Features

  • Correct behavior show errors message by default
  • Style in css variables
  • Reactive form support
  • JS logic MaxLength

##Getting started

###Step 1: Install:

NPM

npm i --save ngxm-textarea

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

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

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

Usage

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

API

Inputs

InputTypeDefaultRequiredDescription
labelstringnullnoLabel for input
errorstringnullnoError text
requiredbooleanfalsenoRequired attribute and show * in label flag
descriptionstringnullnoDescription text
formControlNamestringnullnoControl form angular
placeholderstringnullnoPlaceholder text
maxLengthnumbernullnoMax-length parameter
disableErrorMessagebooleanfalsenoShow/hide error message flag
0.0.2

2 years ago

0.0.1

2 years ago