{"id":"113cf441-95c3-435c-b4b9-4dce032ad2ea","shortId":"BCWdJf","kind":"skill","title":"syncfusion-maui-autocomplete","tagline":"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,","description":"# Implementing .NET MAUI Autocomplete\n\nThe 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.\n\n## When to Use This Skill\n\nUse this skill when the user needs to:\n- **Search-as-you-type interfaces** - Filter and display suggestions while users type\n- **Smart data entry forms** - Autocomplete user input from predefined lists\n- **Multi-selection input** - Select multiple items with token/chip display\n- **Filtered dropdowns** - Search and filter large datasets efficiently\n- **AI-powered search** - Implement intelligent search with Azure OpenAI integration\n- **Type-ahead functionality** - Provide predictive text suggestions\n- **Searchable combobox alternatives** - Enhanced dropdown with search capabilities\n- **Tag input controls** - Multi-selection with visual tokens\n\n## Component Overview\n\nThe SfAutocomplete control offers:\n\n- **Intelligent Filtering** - StartsWith and Contains search modes with custom filters\n- **Flexible Selection** - Single or multiple selection with token/delimiter display\n- **Data Binding** - Bind to any data source with DisplayMemberPath and TextMemberPath\n- **Custom Search Logic** - Implement IAutocompleteFilterBehavior for advanced filtering\n- **AI Integration** - Azure OpenAI support for smart, context-aware searching\n- **Rich Customization** - Templates, styling, headers, footers, and highlighting\n- **Performance** - Async loading, pagination with LoadMore, and efficient rendering\n- **Accessibility** - AutomationId support, keyboard navigation, screen reader friendly\n\n## Documentation and Navigation Guide\n\n### Getting Started\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n\nWhen implementing basic autocomplete functionality:\n- Installation and NuGet package setup (Syncfusion.Maui.Inputs)\n- Handler registration with ConfigureSyncfusionCore\n- Basic control implementation in XAML and C#\n- Data binding with ItemsSource, DisplayMemberPath, TextMemberPath\n- Placeholder configuration and basic properties\n- AutomationId for UI testing\n\n### Searching and Filtering\n📄 **Read:** [references/searching-filtering.md](references/searching-filtering.md)\n\nWhen implementing search and filter logic:\n- Search based on DisplayMemberPath and TextMemberPath\n- TextSearchMode (StartsWith, Contains) configuration\n- MinimumPrefixCharacters for search delay\n- Custom filtering with IAutocompleteFilterBehavior\n- Custom search highlighting with IAutocompleteSearchBehavior\n- Async item loading with cancellation support\n- ShowSuggestionsOnFocus behavior\n\n### Selection\n📄 **Read:** [references/selection.md](references/selection.md)\n\nWhen handling item selection:\n- Single vs Multiple selection modes\n- SelectedItem, SelectedItems properties\n- SelectedValue and SelectedValuePath\n- MultiSelectionDisplayMode (Token, Delimiter)\n- TokensWrapMode (Wrap, None) for token layout\n- SelectionChanging and SelectionChanged events\n- Clear button configuration\n- Clear() method for programmatic clearing\n\n### UI Customization\n📄 **Read:** [references/ui-customization.md](references/ui-customization.md)\n\nWhen customizing appearance and behavior:\n- Placeholder styling (text, color)\n- Clear button customization (icon, color, path)\n- Dropdown styling (height, width, placement, background)\n- Item templates and text styling\n- Token styling for multi-selection\n- Border and stroke customization\n- Text alignment and cursor position\n- ReturnType and keyboard behavior\n- Events (Completed, DropDownOpening, ValueChanged, etc.)\n\n### Advanced Features\n📄 **Read:** [references/advanced-features.md](references/advanced-features.md)\n\nWhen implementing advanced functionality:\n- Header and footer views in dropdown\n- Text highlighting (FirstOccurrence, MultipleOccurrence)\n- No results found customization\n- AutoSizing for dynamic control height\n- Liquid Glass Effect for modern UI (.NET 10+)\n\n### AI-Powered Features & LoadMore\n📄 **Read:** [references/ai-powered-loadmore.md](references/ai-powered-loadmore.md)\n\nWhen implementing intelligent search or pagination:\n- Azure OpenAI integration for smart search\n- Custom filtering with AI service\n- Prompt engineering for accurate results\n- Offline fallback with Soundex/Levenshtein\n- LoadMore feature with MaximumSuggestion\n- LoadMore customization (text, template, events)\n\n### Troubleshooting\n📄 **Read:** [references/troubleshooting.md](references/troubleshooting.md)\n\nWhen encountering issues:\n- Platform-specific limitations and workarounds\n- AOT publishing considerations\n- Performance optimization for large datasets\n- Common issues and solutions","tags":["syncfusion","maui","autocomplete","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-autocomplete","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-autocomplete","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (4,743 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T06:56:03.192Z","embedding":null,"createdAt":"2026-04-18T22:14:59.133Z","updatedAt":"2026-04-22T06:56:03.192Z","lastSeenAt":"2026-04-22T06:56:03.192Z","tsv":"'10':469 'access':242 'accur':498 'advanc':212,434,441 'ahead':27,147 'ai':135,214,471,493 'ai-pow':134,470 'align':421 'altern':155 'aot':526 'appear':386 'applic':37 'async':234,331 'autocomplet':4,11,23,44,49,110,262 'automationid':243,292 'autos':457 'autosuggest':24 'awar':223 'azur':142,216,484 'background':404 'base':309 'basic':261,274,290 'behavior':338,388,428 'bind':40,196,197,282 'border':416 'button':372,394 'c':280 'cancel':335 'capabl':160 'clear':371,374,378,393 'color':392,397 'combobox':154 'common':534 'complet':430 'compon':170 'configur':7,288,317,373 'configuresyncfusioncor':273 'consider':528 'contain':180,316 'context':222 'context-awar':221 'control':13,56,163,174,275,460 'cover':38 'cursor':423 'custom':184,206,226,322,326,380,385,395,419,456,490,509 'customiz':78 'data':39,66,107,195,200,281 'dataset':132,533 'delay':321 'delimit':360 'display':101,125,194 'displaymemberpath':203,285,311 'document':250 'dropdown':33,127,157,399,448 'dropdownopen':431 'dynam':459 'effect':464 'effici':133,240 'enabl':64 'encount':518 'engin':496 'enhanc':69,156 'entri':67,108 'etc':433 'event':370,429,512 'experi':71 'fallback':501 'fast':65 'featur':435,473,505 'filter':32,73,99,126,130,177,185,213,298,306,323,491 'firstoccurr':451 'flexibl':186 'footer':230,445 'form':109 'found':455 'friend':249 'function':148,263,442 'get':254 'glass':463 'guid':253 'handl':344 'handler':270 'header':229,443 'height':401,461 'highlight':232,328,450 'iautocompletefilterbehavior':210,325 'iautocompletesearchbehavior':330 'icon':396 'implement':5,22,41,138,209,260,276,303,440,479 'input':17,55,112,119,162 'instal':264 'integr':144,215,486 'intellig':15,59,139,176,480 'interfac':98 'issu':519,535 'item':122,332,345,405 'itemssourc':284 'keyboard':245,427 'larg':131,532 'layout':366 'limit':523 'liquid':462 'list':115 'load':235,333 'loadmor':238,474,504,508 'logic':208,307 'maui':3,10,36,43,48 'maximumsuggest':507 'method':375 'minimumprefixcharact':318 'mode':182,351 'modern':466 'multi':75,117,165,414 'multi-select':74,116,164,413 'multipl':121,190,349 'multipleoccurr':452 'multiselectiondisplaymod':358 'navig':246,252 'need':91 'net':9,35,42,47,468 'none':363 'nuget':266 'offer':175 'offlin':500 'openai':143,217,485 'optim':530 'overview':171 'packag':267 'pagin':236,483 'path':398 'perform':233,529 'placehold':287,389 'placement':403 'platform':521 'platform-specif':520 'posit':424 'power':53,136,472 'predefin':114 'predict':150 'programmat':377 'prompt':495 'properti':291,354 'provid':58,149 'publish':527 'read':256,299,340,381,436,475,514 'reader':248 'references/advanced-features.md':437,438 'references/ai-powered-loadmore.md':476,477 'references/getting-started.md':257,258 'references/searching-filtering.md':300,301 'references/selection.md':341,342 'references/troubleshooting.md':515,516 'references/ui-customization.md':382,383 'registr':271 'render':241 'result':454,499 'returntyp':425 'rich':225 'screen':247 'search':28,30,70,94,128,137,140,159,181,207,224,296,304,308,320,327,481,489 'search-as-you-typ':93 'searchabl':153 'select':76,118,120,166,187,191,339,346,350,415 'selecteditem':352,353 'selectedvalu':355 'selectedvaluepath':357 'selectionchang':367,369 'servic':494 'setup':268 'sfautocomplet':12,50,173 'showsuggestionsonfocus':337 'singl':188,347 'skill':84,87 'skill-syncfusion-maui-autocomplete' 'smart':29,106,220,488 'solut':537 'soundex/levenshtein':503 'sourc':201 'source-syncfusion' 'specif':522 'start':255 'startswith':178,315 'stroke':418 'style':228,390,400,409,411 'suggest':19,60,102,152 'support':218,244,336 'syncfus':2,8,46 'syncfusion-maui-autocomplet':1 'syncfusion.maui.inputs':269 'tag':161 'templat':227,406,511 'test':295 'text':16,54,151,391,408,420,449,510 'textmemberpath':205,286,313 'textsearchmod':314 'token':169,359,365,410 'token/chip':124 'token/delimiter':193 'tokenswrapmod':361 'topic-agent-skills' 'troubleshoot':513 'type':26,63,97,105,146 'type-ahead':25,145 'ui':79,294,379,467 'use':20,82,85 'user':62,90,104,111 'valuechang':432 'view':446 'visual':168 'vs':348 'width':402 'workaround':525 'wrap':362 'xaml':278","prices":[{"id":"d6efddd7-c1bf-4779-8d46-bf89872be8aa","listingId":"113cf441-95c3-435c-b4b9-4dce032ad2ea","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:14:59.133Z"}],"sources":[{"listingId":"113cf441-95c3-435c-b4b9-4dce032ad2ea","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-autocomplete","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-autocomplete","isPrimary":false,"firstSeenAt":"2026-04-18T22:14:59.133Z","lastSeenAt":"2026-04-22T06:56:03.192Z"}],"details":{"listingId":"113cf441-95c3-435c-b4b9-4dce032ad2ea","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-autocomplete","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"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.","skill_md_sha":"0bd32c056f3ef0c855a55d126e2bc43e9ef9224c","skill_md_path":"skills/syncfusion-maui-autocomplete/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-autocomplete"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-autocomplete","description":"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."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-autocomplete"},"updatedAt":"2026-04-22T06:56:03.192Z"}}