Stepper
The stepper input component.
- Import
import "@tapsioss/web-components/stepper";
- Tag
<tapsi-stepper></tapsi-stepper>
Properties
| Name | Description | Type | Default Value |
|---|---|---|---|
size | The size of the input. | "sm" | "md" | "md" |
value | The current value of the input. It is always a string. | string | "" |
name | The HTML name to use in form submission. | string | "" |
unit | The unit of the value. | string | "" |
valueText | Defines the human-readable text alternative of value. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuetext | string | "" |
label | Defines a string value that can be used to name input. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label | string | "" |
labelledby | Identifies the element (or elements) that labels the input. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby | string | "" |
readonly | Indicates whether or not a user should be able to edit the input's value. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly | boolean | false |
max | Defines the maximum value in the range of permitted values. Defaults to "100". https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max | string | "100" |
min | Defines the minimum value in the range of permitted values. Defaults to "0". https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min | string | "0" |
step | Returns or sets the element's step attribute, which works with min and max to limit the increments/decrements at which the input value can be set. Defaults to "1". https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step | string | "1" |
Events
| Name | Description | Type |
|---|---|---|
change | Fires when value changes (Bubbles). | Event |