Logo FluentUI

NumberBox QML Type

A numeric input control with spin buttons. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Signals

Detailed Description

NumberBox provides a text field for numeric input with increment and decrement spin buttons. It supports configurable ranges, step sizes, decimal precision, and optional prefix or suffix text.

Usage Example

 import QtQuick
 import FluentUI.Controls

 NumberBox {
     from: 0
     to: 100
     stepSize: 5
     value: 25
     prefix: "$"
 }

Property Documentation

decimals : int

The number of decimal places displayed.

editable : bool

Whether the value can be edited directly in the text field. Defaults to true. When false, the value can only be changed via spin buttons.

from : real

The minimum allowable value.

prefix : string

An optional text prefix displayed before the numeric value.

stepSize : real

The increment and decrement step size. Defaults to 1.

suffix : string

An optional text suffix displayed after the numeric value.

to : real

The maximum allowable value.

value : real

The current numeric value.

Signal Documentation

void valueModified()

Emitted when the value has been modified by the user, either by editing the text field or using the spin buttons.

Note: The corresponding handler is onValueModified.