Comment on page
The Counter allows a user to increase or decrease a numerical value.
The Input Counter component allows the user to input and displays a numerical value within a predetermined range. It typically consists of an input field and two buttons, one for increasing the value and one for decreasing it. The user can click on the buttons to increase or decrease the value or manually enter a new value into the input field.
The Input Counter component is often used in forms and other user interfaces where the user needs to input a specific numerical value within a specific range. It can be beneficial in scenarios where the user needs to input a value subject to certain constraints or limitations, as it allows them to increase or decrease the value within the allowed range quickly.
The Input Counter component may also include formatting options for the label text, or the ability to customize the range of allowable values.
The input counter can handle different number types. You can set your number type from number, currency, and percent.
The Step field allows entering a number that will add or subtract from the value
The minimum acceptable value for the input. Constrains the decrementer to stop at the specified minimum. If an entered value is below the minimum, incrementing or decrementing will then set the value to the specified minimum
Here are the available Actions for the Input Counter component:
The event is fired when the value changes.
From the Styles panel, you can customize styling attributes for the Input Counter:
- Header (label text)
Last modified 11mo ago