Number

General information

The “Number” component is an interface for entering numeric values. This component allows users to enter numbers and can be used for various purposes such as entering numbers, quantities or other numeric data.

Parameters

Component properties

Settings group	Setting field	Value Options	Purpose
	Name	-	Name of the UI Component in the system
Common	Disabled	true, false	The property allows you to disable an element on the form
	Required	true, false	The property makes the element required to be filled out prior to submitting the form
	Label	-	Contains the table of contents of the text container
	Binding	Multiselect of Catalog	Contains the associated “Integer” and “Number” field from the model
Events	On value changed	-	Allows you to run the specified script after changing the value of the field

CSS properties

Settings group	Setting field	Value Options	Purpose
Layout	Width	-	Component width
	Height	-	Component height
	Grow	true, false	The property determines how much an element will grow relative to the rest of the flex elements within the same container
	Margin	-	The property defines the outer paddings on all four sides of the element
	Padding	-	The property sets the inner paddings on all sides of the element
Appearance	CornerRadius	-	The property is used to round the corners of an element
	BorderThickness	-	The property allows you to set the boundaries for the element
Brush	Background	-	The property sets the background color of the element
	BorderBrush	-	The property sets the color of the element’s border

Cases

• Entering Numeric Values: Users can enter numbers into the Number component, such as product quantities or numeric parameters.

• Range Limit: Minimum and maximum values ​​allow you to limit the numbers you enter to a specific range.

• Change Number Using Arrows: Users can increase or decrease a number using the up and down arrows.
  

Exceptions

• Non-Numeric Data Entry: Only numeric data can be entered