@lion/input-stepper v0.9.1
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
andmax
value to define the range. - Set
step
value in integer or decimal to increase and decrease the value. - Use
ArrowUp
orArrowDown
to update the value.
Installation
npm i --save @lion/input-stepper
import { LionInputStepper } from '@lion/input-stepper';
// or
import '@lion/input-stepper/define';
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago