[NEW PLUGIN] Input Field with Increment/Decrement Buttons - Simplify Numeric Input | inputupdown

Hello fellow Bubblers! :waving_hand:

I’m thrilled to share my latest plugin, Input Field with Increment/Decrement Buttons! :tada:

If your app requires users to input numeric values, this plugin is the perfect solution. It provides an elegant input field with built-in increment and decrement buttons, making it easy for users to adjust values with a simple click.

Key Features:

  • Stylized Input Field: The input field comes with an outlined border inspired by Material-UI, giving your app a modern and elegant look.
  • Integrated Adjustment Buttons: Two vertical control buttons (+ and -) are placed on the right side of the input field, allowing quick and easy value adjustments.
  • Responsive and Interactive: Designed with user experience in mind, the buttons are easily clickable and include hover effects for enhanced interaction.
  • Customization Options: Customize the input field’s font size, text color, label color, and initial value directly from the plugin settings.
  • Accessibility Compliance: Built with accessibility in mind, ensuring all users can interact with your app effortlessly.
    Capture d'écran 2024-08-20 213454
    Capture d'écran 2024-08-20 213500

How to Use:

  1. Add the Plugin: Install the plugin into your Bubble.io application.
  2. Place the Input Field: Use Bubble’s visual editor to position the input field on your page.
  3. Configure Properties: Set the dynamic properties like initial value, label text, and colors to match your app’s design.
  4. Test the Functionality: Try out the increment and decrement buttons to ensure they work smoothly.

Benefits:

  • Improves User Interaction: Provides users with an intuitive way to adjust numeric values.
  • Seamless Design Integration: The modern and customizable design fits well with other UI components.

:backhand_index_pointing_right: Demo & App Editor & Plugin : See it in action!

I’m eager to hear what you think and how this plugin fits into your projects. Your feedback and suggestions for improvements are always welcome!

Happy Bubbling! :rocket:

1 Like