Lion Logo Lion Guides Components Docs Blog Toggle darkmode

Input Stepper: Overview

A web component that enables the user to increase and decrease a numeric value by predefined range. It is a combination of two buttons and a number input field with an optional slot after to suffix the extra information.

Features

  • Based on our input.
  • Set min and max value to define the range.
  • Set step value in integer or decimal to increase and decrease the value.
  • Use ArrowUp or ArrowDown to update the value.

Installation

npm i --save @lion/input-stepper
import { LionInputStepper } from '@lion/input-stepper';
// or
import '@lion/input-stepper/define';