mcpField
S
syncfusion-maui-digital-gauge

syncfusion-maui-digital-gauge

github.com/syncfusionDesign & UI61202 installsUpdated 2w ago
Repository

About syncfusion-maui-digital-gauge

A skill for .NET MAUI developers using Syncfusion DigitalGauge to display alphanumeric content in an LED-style format. It covers four segment types along with text, styling, and event configuration.

Key features

  1. 017-, 14-, and 16-segment displays
  2. 028×8 dot matrix display
  3. 03Numbers, letters, and special characters
  4. 04Character size and spacing settings
  5. 05Segment colors and background options
  6. 06TextChanged event handling

Use cases

  1. 01Create digital clocks or counters
  2. 02Display timers and scoreboards
  3. 03Build dashboard readouts
  4. 04Present LED-style status information

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-digital-gauge

After installing, type/syncfusion-maui-digital-gaugein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
character-display-types.md
character-segment-types.md
customization.md
events.md
getting-started.md

Details

From the project README

Implementing .NET MAUI Digital Gauges

The Syncfusion® .NET MAUI DigitalGauge (SfDigitalGauge) control displays alphanumeric characters in digital LED-style format. It supports multiple segment types for rendering numbers, alphabets, and special characters, making it ideal for digital clocks, counters, status displays, and retro-style interfaces.

When to Use This Skill

Use this skill when you need to:

  • Display text in digital/LED display format (like digital clocks, calculators, or instrument panels)
  • Implement seven-segment, fourteen-segment, or sixteen-segment character displays
  • Show numeric values with a retro or industrial visual style
  • Create digital counters, timers, or scoreboards
  • Display alphanumeric data in 8×8 dot matrix format
  • Build dashboard components with digital readouts
  • Implement status indicators with LED-style characters

Component Overview

The DigitalGauge provides four different character segment types:

  • 7-segment: Best for displaying numbers and limited uppercase letters
  • 14-segment: Displays numbers and full alphabet
  • 16-segment: Clear display of numbers and alphabet
  • 8×8 dot matrix: Supports numbers, alphabet, and special characters

Documentation and Navigation Guide

Getting Started

📄 Read: references/getting-started.md

  • Installing Syncfusion.Maui.Gauges NuGet package
  • Registering handlers in MauiProgram.cs
  • Basic DigitalGauge implementation in XAML and C#
  • Displaying text with the Text property
  • Initial configuration
Character Segment Types

📄 Read: references/character-segment-types.md

  • Understanding the four segment types (7, 14, 16, 8×8 dot matrix)
  • Choosing the right segment type for your use case
  • Seven-segment display implementation
  • Fourteen-segment display implementation
  • Sixteen-segment display implementation
  • EightCrossEightDotMatrix display implementation
  • Segment type comparison and recommendations
Character Display Types

📄 Read: references/character-display-types.md

  • Displaying numeric characters
  • Displaying alphabetic characters
  • Displaying special characters
  • Text property usage patterns
  • Compatible segment types for different content
Customization Options

📄 Read: references/customization.md

  • Character size (CharacterHeight, CharacterWidth)
  • Character spacing
  • Segment colors (CharacterStroke)
  • Stroke width customization
  • Disabled segment styling (DisabledSegmentStroke, DisabledSegmentAlpha)
  • Background color configuration
  • Complete styling examples
Events

📄 Read: references/events.md

  • TextChanged event
  • Event arguments and handling
  • Event patterns in XAML and C#

Comments

Markdown supported