clopay-input

This library was generated with Angular CLI version 18.0.1.

Getting started

Step 1: Install

Install npm install clopay-input --force before installing layout search module.

Run npm install clopay-input to install the module in your local Angular Application.Recommended npm install clopay-input --force When attempting to install various third-party dependencies listed in your local package.json, some of them may not be compatible with the latest Angular version, Use --force inspite of normal npm install.

Step 2: Import the CloInputModule

Usage

HTML

 <clo-input-text type="text" [placeholder]="Enter your name"/>

Types of fields for different input

Below are the input types below and update them as per the revised requirements

email', 'password', 'text', 'url', 'number', 'decimal', 'phone'

Here are the fields for the input to handle multiple changes. You can modify any value in the clo-input-text to achieve the desired text field.

disabled: boolean; placeholder: string; errorMessage = ''; required: boolean; readOnly: boolean; name: string; preValue: any; phoneControl: any; minLength: number; maxLength: number;

Example

 <clo-input-text type="text" [placeholder]="Enter your name" disabled="true" required="true" minLength="10" maxLength="20"/>

You can use formControl or ngModel to directly retrieve the value entered by the user in the clo-input-text.