A simple, flexible interface for selecting numeric values.
Supports various number formatting options based on culture and region.
Restricts input within specified minimum and maximum values.
Provides intuitive up and down buttons for changing the value.

.NET 10 support now available

Trusted by the world’s leading companies

.NET MAUI maui numericupdown

VIEW DEMOS

Overview

The .NET MAUI NumericUpDown control provides a user-friendly experience for capturing numeric input values. It features increment and decrement buttons for users to easily change the value and supports a wide range of numeric formats, including currency, percentage, decimal, and more. Its features enhance the user experience and facilitate input validation.

.NET MAUI NumericUpDown control.

.NET MAUI NumericUpDown code example

Get started with the .NET MAUI NumericUpDown by using just a few lines of XAML code, as illustrated below. Additionally, check out our .NET MAUI NumericUpDown example that demonstrates how to implement the NumericUpDown control.

xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="NumericUpdownGettingStarted.MainPage"
             xmlns:inputs="clr-namespace:Syncfusion.Maui.Toolkit.NumericUpDown;assembly=Syncfusion.Maui.Toolkit">
    <VerticalStackLayout VerticalOptions="Center">
        <inputs:SfNumericUpDown x:Name="NumericUpDown" 
                        WidthRequest="200"
                        Value="100" 
                        CustomFormat="C2"
                        ShowClearButton="True"
                        Placeholder="Enter input here..."/>
    </VerticalStackLayout>
</ContentPage>

Custom formats

Customize the display of numeric values by applying specific formats to control the number of decimal digits, as well as adding prefixes and suffixes to the input values.

.NET MAUI NumericUpDown custom format.

.NET MAUI NumericUpDown supports multiple cultures.

Globalization

The NumericUpDown control automatically formats its values according to the user’s regional or cultural settings, ensuring a localized experience.

Restriction

The .NET MAUI NumericUpDown control accepts only numerical inputs. However, as explained in the following sections, many more restrictions can be imposed.

.NET MAUI NumericUpDown limits the number range.

Limit the number range

Easily set minimum and maximum values to restrict users from entering numbers outside the defined range.

Limit the number range documentation

.NET MAUI NumericUpDown disables value editing.

Disable editing

Use the IsEditable property to prevent users from directly modifying the numeric value in the editor.

Disable editing documentation

.NET MAUI NumericUpDown prevents an empty editor.

Prevent an empty editor

Implement data validation and input handling techniques to ensure that users cannot leave the editor empty or enter null values.

Placeholders

When the input is cleared, display helpful hints with placeholder text to guide users in the NumericUpDown control.

Placeholder documentation

.NET MAUI NumericUpDown placeholder.

.NET MAUI NumericUpDown uses an up-down button.

Up-down placement modes

Customize the position of the up and down buttons by setting the UpDownPlacementMode property to Inline for horizontal orientation and InlineVertical for vertical orientation.

UpDown button placement documentation

Alignment of up and down buttons

Customize the alignment of the up and down buttons to position them to the left, right, or on both sides of the entry field for enhanced usability.

.NET MAUI NumericUpDown Alignment

.NET MAUI NumericUpDown maximum decimal digits support.

Set maximum decimal digits

Define the number of decimal places displayed in the NumericUpDown control.

Keyboard and mouse interactions

Users can easily adjust the value in the NumericUpDown control by using the arrow keys and the Page Up and Page Down keys. Additionally, while hovering over the control, users can modify the value by rotating the mouse wheel.

.NET MAUI NumericUpDown changes values with keys or mouse.

Percentage display mode

Users have the option to present values in the NumericUpDown control in various percentage formats:

.NET MAUI NumericUpDown value percentage display mode.

Value

Shows the actual numerical value followed by the percent sign.

.NET MAUI NumericUpDown compute percentage display mode.

Compute

Displays the computed value along with a percent sign.

Our comprehensive competitor comparison of .NET MAUI controls will guide you to the perfect choice.

95+ UI controls

200+ interactive .NET MAUI demos

1.8M+ downloads

Explore Complete .NET MAUI Comparison

.NET MAUI DataViz & UI Controls

GRIDS

DataGrid

DATA VISUALIZATION

LAYOUT

CALENDARS

NAVIGATION

VIEWER

Markdown Viewer PREVIEW

EDITORS

BUTTONS

SLIDERS

NOTIFICATION

MISCELLANEOUS

CONVERSATIONAL UI

PROJECT MANAGEMENT

Kanban Board

TOOLBAR

Toolbar

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Using the MAUI Components to improve the quality of our software offerings

The ease of use and documentation to get us going. Our customer have also given us good feedback on the components.

Philip D,

Operations Director, Small-Business

Migration Xamarin to MAUI

Clarity with MAUI upgrade and completeness as related to Xamarin as the predecessor.

Edward J R,

President, Small-Business

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story