Lumeo

NumberInput

A numeric input with increment/decrement buttons.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<NumberInput />

When to Use

  • Quantity selectors in shopping carts or inventory forms
  • Numeric settings such as font size, zoom level, or timeout values
  • Price inputs requiring precise decimal control
  • Any field where users should increment or decrement a number in defined steps

Value: 50 (0-100, step 5)

$
kg

Scroll the wheel over the input to adjust the value.

Step:

Precision:

Adjust the step size and decimal precision interactively.

API Reference

Density falls back to an ancestor DensityScope, then Comfortable. See the Density guide.

  • Input — General-purpose text input for free-form values
  • Slider — Visual range selection when exact precision is less important
  • Form — Wrap NumberInput with validation and labels in form layouts