agentsclimarketplace

Syncfusion maui autocomplete

Skill syncfusion/maui-ui-components-skills/skills/syncfusion-maui-autocomplete

Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.

Install
npx -y skills add syncfusion/maui-ui-components-skills --skill syncfusion-maui-autocomplete

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

What its author says it does

Copied from the file, not written here

Implements and configure Syncfusion .NET MAUI Autocomplete (SfAutocomplete) control for intelligent text input with suggestions. Use when implementing autocomplete, autosuggest, type-ahead search, smart search, or filtered dropdowns in .NET MAUI applications. Covers data binding, filtering modes, custom search logic, AI-powered search, multi-selection with tokens, and UI customization.

SKILL.md

5.1 KB, as published. Nobody here has run it

Implementing .NET MAUI Autocomplete

The Syncfusion .NET MAUI Autocomplete (SfAutocomplete) is a powerful text input control that provides intelligent suggestions as users type, enabling fast data entry and enhanced search experiences with filtering, multi-selection, and customizable UI.

When to Use This Skill

Use this skill when the user needs to:

  • Search-as-you-type interfaces - Filter and display suggestions while users type
  • Smart data entry forms - Autocomplete user input from predefined lists
  • Multi-selection input - Select multiple items with token/chip display
  • Filtered dropdowns - Search and filter large datasets efficiently
  • AI-powered search - Implement intelligent search with Azure OpenAI integration
  • Type-ahead functionality - Provide predictive text suggestions
  • Searchable combobox alternatives - Enhanced dropdown with search capabilities
  • Tag input controls - Multi-selection with visual tokens

Component Overview

The SfAutocomplete control offers:

  • Intelligent Filtering - StartsWith and Contains search modes with custom filters
  • Flexible Selection - Single or multiple selection with token/delimiter display
  • Data Binding - Bind to any data source with DisplayMemberPath and TextMemberPath
  • Custom Search Logic - Implement IAutocompleteFilterBehavior for advanced filtering
  • AI Integration - Azure OpenAI support for smart, context-aware searching
  • Rich Customization - Templates, styling, headers, footers, and highlighting
  • Performance - Async loading, pagination with LoadMore, and efficient rendering
  • Accessibility - AutomationId support, keyboard navigation, screen reader friendly

Documentation and Navigation Guide

Getting Started

📄 Read: references/getting-started.md

When implementing basic autocomplete functionality:

  • Installation and NuGet package setup (Syncfusion.Maui.Inputs)
  • Handler registration with ConfigureSyncfusionCore
  • Basic control implementation in XAML and C#
  • Data binding with ItemsSource, DisplayMemberPath, TextMemberPath
  • Placeholder configuration and basic properties
  • AutomationId for UI testing

Searching and Filtering

📄 Read: references/searching-filtering.md

When implementing search and filter logic:

  • Search based on DisplayMemberPath and TextMemberPath
  • TextSearchMode (StartsWith, Contains) configuration
  • MinimumPrefixCharacters for search delay
  • Custom filtering with IAutocompleteFilterBehavior
  • Custom search highlighting with IAutocompleteSearchBehavior
  • Async item loading with cancellation support
  • ShowSuggestionsOnFocus behavior

Selection

📄 Read: references/selection.md

When handling item selection:

  • Single vs Multiple selection modes
  • SelectedItem, SelectedItems properties
  • SelectedValue and SelectedValuePath
  • MultiSelectionDisplayMode (Token, Delimiter)
  • TokensWrapMode (Wrap, None) for token layout
  • SelectionChanging and SelectionChanged events
  • Clear button configuration
  • Clear() method for programmatic clearing

UI Customization

📄 Read: references/ui-customization.md

When customizing appearance and behavior:

  • Placeholder styling (text, color)
  • Clear button customization (icon, color, path)
  • Dropdown styling (height, width, placement, background)
  • Item templates and text styling
  • Token styling for multi-selection
  • Border and stroke customization
  • Text alignment and cursor position
  • ReturnType and keyboard behavior
  • Events (Completed, DropDownOpening, ValueChanged, etc.)

Advanced Features

📄 Read: references/advanced-features.md

When implementing advanced functionality:

  • Header and footer views in dropdown
  • Text highlighting (FirstOccurrence, MultipleOccurrence)
  • No results found customization
  • AutoSizing for dynamic control height
  • Liquid Glass Effect for modern UI (.NET 10+)

AI-Powered Features & LoadMore

📄 Read: references/ai-powered-loadmore.md

When implementing intelligent search or pagination:

  • Azure OpenAI integration for smart search
  • Custom filtering with AI service
  • Prompt engineering for accurate results
  • Offline fallback with Soundex/Levenshtein
  • LoadMore feature with MaximumSuggestion
  • LoadMore customization (text, template, events)

Troubleshooting

📄 Read: references/troubleshooting.md

When encountering issues:

  • Platform-specific limitations and workarounds
  • AOT publishing considerations
  • Performance optimization for large datasets
  • Common issues and solutions

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.