vcl-spinner

Spinner based input for integer values.

Usage no npm install needed!

<script type="module">
  import vclSpinner from 'https://cdn.skypack.dev/vcl-spinner';
</script>

README

VCL spinner

Spinner based input for integer values.

Features

A control for entering integer values conveniently using free text input and an accompanying up/ down control to increment and decrement the value.

Usage

Basic spinner.

basic example

If a coarse pointing device is used, the buttons in the stacked group are too small. Therefore full sized buttons are proposed for this case.

coarse pointer example

Classes

  • vclSpinner

Modifiers

Variables

  • --spinner-separator-border-color

Demo

example.html on GH-pages.