<max-characters>

max-characters is a web component that will highlight characters that exceed the maximum number of characters. Inspiration taken from exceeding tweet limit from the web.

The project was bootstrapped from the open-wc recommendation.

Installation

yarn add max-characters
# OR 
npm i max-characters

Usage

<script type="module">
  import 'max-characters/max-characters.js';
</script>

<max-characters></max-characters>

Development

Local Demo with web-dev-server

yarn start

To run a local development server that serves the basic demo located in demo/index.html

Linting and formatting

To scan the project for linting and formatting errors, run

yarn lint

To automatically fix linting and formatting errors, run

yarn format

Testing with Web Test Runner

To execute a single test run:

yarn test

To run the tests in interactive watch mode run:

yarn test:watch

Tooling configs

For most of the tools, the configuration is in the package.json to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.