Character Counter
Character counter is a component that can count real-time number of characters in a <textarea> or <input> fields.
| Example | Code |
|---|---|
<as-char-counter no-messages data-input="#mytextarea"></as-char-counter> |
|
<as-char-counter data-input=".myinput"></as-char-counter> |
|
<as-char-counter no-count data-input=".myinput2"></as-char-counter> |
| Property name | Description | Type |
|---|---|---|
| data-input | Required: ID or class name of the textarea or input element to perform count on. | string |
| no-messages | Optional: hides messages count. | string |
| no-count | Optional: hides characters count. | string |
| Event name | Description | Example value |
|---|---|---|
| as-char-counter:created | Fired when component is created. Has detail object. | {id: "ccf267d0-2775-4c59-8766-5a627e8b5bf3", fieldid: "#mytextarea"} |
| as-char-counter:count | Fired when count changes | {id: "ccf267d0-2775-4c59-8766-5a627e8b5bf3", fieldid: "#mytextarea", chars: 17, texts: 1} |