Input
Displays a form input field.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <Input />
When to Use
- Collect single-line text input such as names, emails, or search queries.
- Build form fields for login, registration, or profile editing flows.
- Pair with prefix/suffix slots for currency inputs, search bars, or URL fields.
<FormField>.
See Form › Validation Pattern.
Value:
This will be your public display name.
Enter a valid promo code to receive a discount.
Type="number" swaps the browser's native
spinner for themed vertical ▲▼ steppers. min/max/step
are plain HTML attributes — the buttons clamp and disable at the same bounds
native ArrowUp/ArrowDown already respects. Set ShowStepButtons="false"
for a bare number field with no steppers (native spinners stay hidden either way).
Pick a size to see the height change live.
Keyboard Interactions
| Key | Action |
|---|---|
| Tab | Moves focus into or out of the input field. |
| Escape | Clears the input value when a clearable behavior is implemented. |
| Enter | Submits the parent form when the input is inside a form element. |
Parameter Coverage
Every Lumeo.Size value plus the key bool parameters demoed exhaustively.
Size
Disabled
Disabled = false
Disabled = true
Clearable
Clearable = false
Clearable = true
Invalid
Invalid = false
Invalid = true
Invalid email