MCPInstall

syncfusion-maui-toolkit-numericentry

Implement numeric input with Syncfusion .NET MAUI NumericEntry (SfNumericEntry). Supports currency, percentage, and decimal formatting with validation, min/max restrictions, placeholder text, custom styling, and culture-specific formats. Includes value change modes, events, and accessibility features for professional numeric data entry.

Installs
46
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-numericentry
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads syncfusion-maui-toolkit-numericentry automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Implementing .NET MAUI Numeric Entry

The Syncfusion .NET MAUI Numeric Entry control is designed to deliver a user-friendly and advanced input experience for numeric data. It supports a broad range of numeric formats, including currency, percentages, decimals, and other configurable number types. With its rich set of features, the control enhances the overall user experience while simplifying numeric input validation and formatting.

When to Use This Skill

Use this skill when users need to:

  • Financial applications requiring currency input
  • Forms with percentage or decimal number fields
  • Data entry scenarios with min/max value constraints
  • Applications requiring culture-specific number formatting
  • Scientific or calculator-style numeric inputs
  • Budget, pricing, or quantity input fields

Component Overview

The Syncfusion .NET MAUI Numeric Entry (SfNumericEntry) is a specialized input control designed for numeric data entry with advanced features:

Key Capabilities

  • Automatic numeric validation with customizable validation modes
  • Rich formatting options (currency, percentage, decimal, custom patterns)
  • Value restrictions (min/max ranges, null handling)
  • Culture-specific number formatting and localization
  • Real-time or on-blur validation modes
  • Extensive styling and customization options
  • Built-in events for value changes, focus, and completion
  • Accessibility support with keyboard navigation

Documentation and Navigation Guide

Getting Started

📄 Read: references/getting-started.md

When the user needs to set up NumericEntry for the first time:

  • Installing and configuring the Syncfusion MAUI Toolkit package
  • Registering handlers in MauiProgram.cs
  • Adding namespace imports for XAML and C#
  • Creating a basic NumericEntry control
  • Understanding value editing and validation modes (OnKeyFocus vs OnLostFocus)
  • Applying basic number formats (currency, percentage, decimal)
  • Configuring null value behavior with AllowNull

Basic Features and Configuration

📄 Read: references/basic-features.md

When the user wants to customize appearance and interaction:

  • Setting placeholder text and color for empty states
  • Showing/hiding and styling the clear button
  • Configuring value change modes (real-time vs on-blur updates)
  • Customizing borders and strokes
  • Aligning text horizontally and vertically
  • Customizing fonts (color, size, family, attributes)
  • Configuring keyboard return type and commands
  • Managing cursor position and text selection
  • Creating custom clear button icons

Value Formatting

📄 Read: references/formatting.md

When the user needs to format numeric values:

  • Using CustomFormat property with standard format specifiers (C, P, N)
  • Formatting currency values with culture-specific symbols
  • Formatting percentages with Value or Compute display modes
  • Formatting decimal numbers with precision control
  • Controlling integer digit display with zero placeholders
  • Controlling fractional digit precision
  • Creating custom format patterns with # and 0 placeholders
  • Supporting multiple cultures and localization
  • Limiting decimal places with MaximumNumberDecimalDigits

Value Restrictions

📄 Read: references/restrictions.md

When the user needs to restrict or validate input:

  • Allowing or preventing null values with AllowNull
  • Setting minimum and maximum value ranges
  • Understanding validation behavior for out-of-range values
  • Preventing text editing with IsEditable
  • Configuring read-only numeric displays
  • Handling edge cases (null vs zero, minimum value behavior)

Events and Methods

📄 Read: references/events-and-methods.md

When the user needs to respond to user interactions:

  • Handling value changes with ValueChanged event
  • Responding to Enter key press with Completed event
  • Detecting focus gained/lost with Focused and Unfocused events
  • Programmatically setting focus with Focus() method
  • Removing focus with Unfocus() method
  • Accessing old and new values in event arguments
  • Implementing form submission and navigation patterns

FAQ

What does the syncfusion-maui-toolkit-numericentry skill do?

Implement numeric input with Syncfusion .NET MAUI NumericEntry (SfNumericEntry). Supports currency, percentage, and decimal formatting with validation, min/max restrictions, placeholder text, custom styling, and culture-specific formats. Includes value change modes, events, and accessibility features for professional numeric data entry.

How do I install syncfusion-maui-toolkit-numericentry?

Run npx skills add https://github.com/syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-numericentry in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-maui-toolkit-numericentry/ (personal) or .claude/skills/syncfusion-maui-toolkit-numericentry/ (project).

Which AI agents can use syncfusion-maui-toolkit-numericentry?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is syncfusion-maui-toolkit-numericentry safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains syncfusion-maui-toolkit-numericentry?

It is published by syncfusion in syncfusion/maui-toolkit-ui-components-skills. It has 46 recorded installs.

More from syncfusion/maui-toolkit-ui-components-skills

View all →

syncfusion-maui-toolkit-expander

syncfusion/maui-toolkit-ui-components-skills

Open the skill to read its SKILL.md instructions.

syncfusion-maui-toolkit-popup

syncfusion/maui-toolkit-ui-components-skills

Open the skill to read its SKILL.md instructions.

syncfusion-maui-toolkit-pull-to-refresh

syncfusion/maui-toolkit-ui-components-skills

Open the skill to read its SKILL.md instructions.

syncfusion-maui-toolkit-otp-input

syncfusion/maui-toolkit-ui-components-skills

Open the skill to read its SKILL.md instructions.

syncfusion-maui-toolkit-bottom-sheet

syncfusion/maui-toolkit-ui-components-skills

Open the skill to read its SKILL.md instructions.

syncfusion-maui-toolkit-accordion

syncfusion/maui-toolkit-ui-components-skills

Open the skill to read its SKILL.md instructions.

Popular frontend & design skills

View category →

setup-matt-pocock-skills

mattpocock/skills

Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.

Frontend & Design1.1M installs

frontend-design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

OfficialFrontend & Design1M installs

hyperframes-animation

heygen-com/hyperframes

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

prototype

mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Frontend & Design999.2K installs

hyperframes-core

heygen-com/hyperframes

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Frontend & Design930.5K installs

vercel-react-best-practices

vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

OfficialFrontend & Design843.1K installs