SMS Counter by seven

Counts the SMS character usage for a textarea or text input.

Installation

For Browsers

<script src='https://unpkg.com/@seven.io/counter/dist/index.js'></script>

For NodeJS

Yarn yarn add @seven.io/counter

NPM npm install @seven.io/counter

import '@seven.io/counter'

Usage

<textarea data-seven-sms></textarea>
<input data-seven-sms/>

For advanced usage see the examples.

• textarea
• input
• CSS Selector
• stats
• getCounterStats

Options

Set the window object before loading the library.

window.SEVEN_COUNTER_OPTIONS = {
    initEvent: string = 'DOMContentLoaded', // the DOM event for init
    position: InsertPosition = 'afterend', // where to add the counter stats span relative to the input
    selector: string = '*[data-seven-sms]', // the inputs selector
    standalone: boolean = false, // stop attaching input listeners
    stats: boolean = false, // whether to output stats or not - also accepts HTMLElement or CSS selector
}

Support

Need help? Feel free to contact us.