Nombres

---

Number / Integer — UInputNumber

Activation : schema type: "number" ou "integer".

API

Name	Type	Default	Description
step	Number	1 (integer) / 0.1 (number)	Pas des boutons +/- .
placeholder	String	—	Placeholder.
inputNumber	Object	—	Pass-through → UInputNumber.

Les bornes minimum / maximum viennent du schema.

Exemples

{
  "type": "integer",
  "title": "Âge",
  "minimum": 0,
  "maximum": 120
}

{
  "type": "Control",
  "scope": "#/properties/age",
  "options": { "step": 1, "inputNumber": { "size": "md" } }
}

{
  "type": "Control",
  "scope": "#/properties/price",
  "options": { "step": 0.01, "placeholder": "0.00" }
}

---

Slider — USlider

Activation : options.slider: true ou un objet de props Nuxt UI (options.slider: { size, color, … }).
Le schéma doit déclarer minimum et maximum (pas besoin de default — contrairement au tester stock JSON Forms isRangeControl).

API

Name	Type	Default	Description
slider	Boolean | Object	—	true active le renderer. Un objet active aussi et est spread sur USlider.
step	Number	schema.multipleOf | 1	Pas du curseur (prioritaire sur multipleOf).
hideValue	Boolean	—	Masque le badge numérique à droite (tooltip conservé).

minimum / maximum / multipleOf du schema pilotent min / max / step.

Exemples

{
  "type": "number",
  "title": "Volume",
  "minimum": 0,
  "maximum": 100,
  "multipleOf": 5
}

{
  "type": "Control",
  "scope": "#/properties/volume",
  "options": { "slider": true }
}

Avec props Nuxt UI + pas décimal :

{
  "type": "Control",
  "scope": "#/properties/temperature",
  "options": {
    "slider": { "size": "lg", "color": "primary" },
    "step": 0.5
  }
}

Playground

• Number
• Slider
• Rating

---

Rating — UInputRating

Activation : options.format: "rating".

API

Name	Type	Default	Description
format	"rating"	—	Requis.
length	Number	schema.maximum	Nombre d’icônes.
icon	String	(Nuxt UI)	Icône remplie (ex. i-lucide-star).
emptyIcon	String	—	Icône vide.
hideValue	Boolean	—	Masque le libellé numérique à côté.
clearable	Boolean	true si non-required	Re-clic pour remettre à vide.
inputRating	Object	—	Pass-through → UInputRating.

Exemples

{
  "type": "integer",
  "title": "Satisfaction",
  "minimum": 1,
  "maximum": 5
}

{
  "type": "Control",
  "scope": "#/properties/satisfaction",
  "options": { "format": "rating" }
}

{
  "type": "Control",
  "scope": "#/properties/heat",
  "options": {
    "format": "rating",
    "length": 5,
    "icon": "i-lucide-flame",
    "emptyIcon": "i-lucide-flame",
    "hideValue": true,
    "clearable": true
  }
}