Skip to content

Number Control

Numeric input field with optional constraints and step values.

OptionTypeDefaultDescription
labelstring-Field label
controlstringnumberControl type
placeholderstring-Placeholder text
defaultnumber-Default value
minnumber-Minimum allowed value
maxnumber-Maximum allowed value
stepnumber-Step increment
{
"attributes": {
"itemsPerPage": {
"type": "number",
"default": 10,
"wbs": {
"label": "Items Per Page",
"control": "number",
"min": 1,
"max": 100,
"step": 5
}
}
}
}
<p>Showing {{ attributes.itemsPerPage }} items per page</p>

Use Number for:

  • Counts and quantities
  • Sizes and dimensions
  • Any numeric value requiring precise input