@encoreskytech/text-char-limit-hint

Text Char limit Hint

Installation

npm i @encoreskytech/text-char-limit-hint
or
yarn add @encoreskytech/text-char-limit-hint

Add the tag like that and under that tag, add text area or textbox

<ng-text-char-limit-hint>
    // include your Textbox or Text are here
</ng-text-char-limit-hint>

Examples

<ng-text-char-limit-hint [maxCharLimit]="50" [format]="'REMAIN/TOTAL remaining'" [parentClass]="'parent-class'" [hintTextClass]="'child-class'">
    <textarea ></textarea>
</ng-text-char-limit-hint>

OR

<ng-text-char-limit-hint [maxCharLimit]="50" [format]="'REMAIN/TOTAL remaining'" [parentClass]="'parent-class'" [hintTextClass]="'child-class'">
    <input type="text" />
</ng-text-char-limit-hint>

Property	Type (Default)	Description
maxCharLimit	number	Length of string which you want to limit
format	string	ClassName for parent REMAIN and TOTAL are constants and values would be replaced if you use those. You can type anything in any order.
parentClass	string	If want to change the style of the parent div of the hint box.
hintTextClass	string	If need to change the hint string text style.

Contributor

Mahesh Soni