React-textarea-counter NPM

react-textarea-counter

Basic textarea character counter React component.

Installation

npm i react-textarea-counter --save

Usage

import React from 'react';
import TextareaCounter from 'react-textarea-counter';

export default function MyComponent() {
  return <TextareaCounter countLimit={25} initialValue="Hello World!" />;
}

Props

Property	Type	Default	Description
`showCount`	`bool`	`true`	If you want to show the counter or to hide it.
`countLimit`	`number`	`25`	The max number of characters on the counter.
`countDirection`	`string`	`asc`	If it should count from the `countLimit` to zero set to `desc` otherwise set it to `asc`.
`countPosition`	`string`	`right`	Position of the counter on the bottom of the textarea.
`shouldTruncate`	`string`	`true`	If you want to allow the user to insert more characters than the `countLimit` set to `false`.
`initialValue`	`string`		The default initial value on the textarea element.
`rows`	`number`	`6`	The number of rows of the textarea element.
`resize`	`string`	`vertical`	Resize attribute of the textarea element. Can be `none`, `both`, `horizontal` or `vertical`.
`placeholder`	`string`		Placeholder of the textarea element.
`onChange`	`func`		Callback function on the `onChange` event.
`onFocus`	`func`		Callback function on the `onFocus` event.
`onBlur`	`func`		Callback function on the `onBlur` event.
`required`	`bool`	`false`	Required attribute of the textarea element.
`disabled`	`bool`	`false`	Disabled attribute of the textarea element.

License

Open source under the terms of the MIT License.

Made by Diogo Capela.

react textarea character counter

@everything-registry/sub-chunk-2618

1 year ago

1 year ago

1 year ago

4 years ago