Number Input Component

Basic — quantity

Quantity

Value: 1

<NumberInput Value="@_qty"
             ValueChanged="@((decimal v) => _qty = v)"
             Min="1"
             Max="999"
             Label="Quantity" />

Currency — prefix slot

Unit price

Value: $19.99

<NumberInput Value="@_price"
             ValueChanged="@((decimal v) => _price = v)"
             Min="0"
             Step="0.01m"
             Prefix="$"
             Label="Unit price" />

Dosage — suffix slot

Dosage

Adjust in 0.5 mg increments.

<NumberInput Value="@_dose"
             ValueChanged="@((decimal v) => _dose = v)"
             Min="0"
             Max="500"
             Step="0.5m"
             Suffix="mg"
             Label="Dosage"
             HintText="Adjust in 0.5 mg increments." />

Sizes

<NumberInput Size="xs" Value="@v" ValueChanged="@((decimal x) => v = x)" Label="xs" />
<NumberInput Size="sm" Value="@v" ValueChanged="@((decimal x) => v = x)" Label="sm" />
<NumberInput Size="md" Value="@v" ValueChanged="@((decimal x) => v = x)" Label="md" />
<NumberInput Size="lg" Value="@v" ValueChanged="@((decimal x) => v = x)" Label="lg" />