Number - Decimal
Number picker for decimal values. Use the scroller UI for selection from a predefined set of values.
Number - Integer
Number picker for integer values. Use the scroller UI for selection from a predefined set of values.
Number - Step
Number picker for custom steps. Useful when required to select from a set of values with static steps.
Number - Invalid values
Number picker from a range of [0..20] showing off how to invalidate specific values.
Number - Event handlers
Numeric scroller with event hooks for custom integration and functionality. With source code.
Number - Display modes
Number scroller for mobile with top, bottom slide up, popup, center, modal, bubble and inline embeddable display.
Number - Desktop
Number scroller for desktop with different rendering modes. Use it on desktop with pointer interaction.
Number - Theming capabilities
The look and feel of the number can be deeply customized. There are four levels of customization:
- Base themes: Choose between
Android Material and
- Light or dark: Every theme has a
dark variant. Setting the
'auto' will switch based on system settings.
- Custom themes: Use the theme builder to customize the colors and make it match your brand.
- Custom CSS: If you need further customization, the sky is the limit with CSS overrides.
You can also see how every example looks by changing the theme in the floating action bar on the right side.
Looking for something you didn't see or have a sales question?
Ask us about it, we're here to help.