A LitElement Web Component providing a number counter with icon buttons to increment and decrement the counter value. This Web Component follows the open-wc recommendation.
npm i lit-number-stepper
<script type="module">
import 'lit-number-stepper/lit-number-stepper.js';
</script>
<lit-number-stepper></lit-number-stepper>
Number being incremented and decremented. Defaults to 0
.
Lowest allowable number. Defaults to 0
.
Highest allowable number. Defaults to null
(no maximum).
Text color of counter value. Default is #000
.
Color of increment and decrement icon buttons. Default is #000
.
Size of increment and decrement icon buttons. Default is 36px
.
Size of counter text. Default is medium
.
Font family for counter text. Default is Arial, Helvetica, sans-serif
To scan the project for linting errors, run
npm run lint
You can lint with ESLint and Prettier individually as well
npm run lint:eslint
npm run lint:prettier
To automatically fix many linting errors, run
npm run format
You can format using ESLint and Prettier individually as well
npm run format:eslint
npm run format:prettier
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.
npm start
To run a local development server that serves the basic demo located in demo/index.html