0.9.1 • Published 2 years ago

@lion/input-stepper v0.9.1

Weekly downloads
183
License
MIT
Repository
github
Last release
2 years ago

Inputs >> Input Stepper >> Overview ||10

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.

import { html } from '@lion/core';
import '@lion/input-stepper/define';
export const main = () => html`
  <lion-input-stepper max="5" min="0" name="count">
    <label slot="label">RSVP</label>
    <div slot="help-text">Max. 5 guests</div>
  </lion-input-stepper>
`;

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';
0.5.5

2 years ago

0.9.1

3 years ago

0.9.0

3 years ago

0.5.4

3 years ago

0.5.3

3 years ago

0.5.2

3 years ago

0.8.0

3 years ago

0.7.0

3 years ago

0.6.8

3 years ago

0.6.7

4 years ago

0.6.6

4 years ago

0.6.5

4 years ago

0.6.4

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.1

4 years ago

0.5.0

4 years ago

0.4.1

4 years ago

0.4.0

4 years ago

0.3.3

4 years ago

0.3.2

4 years ago

0.3.1

4 years ago

0.3.0

4 years ago

0.2.5

4 years ago

0.2.4

4 years ago

0.2.3

4 years ago

0.2.2

4 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.1.17

4 years ago

0.1.16

4 years ago

0.1.15

4 years ago

0.1.14

4 years ago

0.1.13

5 years ago

0.1.12

5 years ago

0.1.11

5 years ago

0.1.10

5 years ago

0.1.9

5 years ago

0.1.8

5 years ago

0.1.7

5 years ago

0.1.6

5 years ago

0.1.5

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago