0.0.4 • Published 2 years ago
@encoreskytech/text-char-limit-hint v0.0.4
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. |