Documentation | Chakor | Number Input

Number Input

Real time input integration with min-max enforcement

Demo to preview the settings

🔗 Demo Page: https://chakor-plugins.bubbleapps.io/version-test/numeric_input

🔗 Bubble Editor: https://bubble.io/page?type=page&name=numeric_input&id=chakor-plugins&tab=tabs-1

Introduction

Introducing our latest plugin: Number Input

This plugin creates a dynamic number input field that automatically enforces minimum and maximum value constraints. It continuously monitors and updates a state variable with the current value of the input, ensuring seamless integration with other parts of your application.

Dynamic Number Input: Generates an input field of type number. Allows setting minimum and maximum values to constrain user input.

Real-Time State Publishing: Publishes the initial value of the input field upon page load. Continuously monitors the input field for changes and publishes the updated value.

Min/Max Enforcement: Ensures that the input value does not fall below the minimum or exceed the maximum limit. Automatically adjusts the input value to adhere to the constraints.

Element Name : Numeric Input (visual element)

How to setup

1- Increase the input's value by clicking up arrow till maximum if set.
2- Decrease the input's value by clicking down arrow till minimum if set.
3- Input any number within the range min-max

State

1- Value (contains the numeric input's value)

Was this article helpful?

1 out of 1 liked this article