{"id":"ea5a46ee-83c6-4a6a-b72d-5e4dfd8ba9b8","shortId":"pRR3pQ","kind":"skill","title":"syncfusion-maui-segmented-control","tagline":"Implements Syncfusion .NET MAUI Segmented Control (SfSegmentedControl). Use when working with segmented controls, segment buttons, tab-like selection, button groups, or filter buttons in MAUI applications. This skill covers installation, item population, selection indicators, app","description":"# Implementing Segmented Controls in .NET MAUI\n\nThe Syncfusion .NET MAUI Segmented Control (SfSegmentedControl) provides a linear set of segments containing text, icons, or both, allowing users to select from mutually exclusive options. Each segment functions as a discrete button, creating an intuitive way to switch between views, filter content, or select time periods.\n\n## When to Use This Skill\n\nUse this skill when you need to:\n\n- **Implement view switchers:** Toggle between Day/Week/Month/Year views, list/grid layouts, or different data visualizations\n- **Create filter buttons:** Allow users to filter content by category, type, or time period\n- **Build tab-like navigation:** Provide segment-based navigation without traditional tabs\n- **Design selection interfaces:** Enable users to choose from 2-7 mutually exclusive options\n- **Customize segment appearance:** Style borders, backgrounds, colors, corner radius, or selection indicators\n- **Configure selection behavior:** Set up programmatic selection, selection modes, or custom indicators\n- **Handle segment events:** Respond to selection changes or segment taps\n- **Support RTL layouts:** Implement right-to-left language support\n- **Apply special effects:** Add liquid glass effects or custom animations\n\nCommon scenarios: Calendar view toggles, chart period selectors, sorting options, display mode switches, category filters, and settings toggles.\n\n## Component Overview\n\n**Key Features:**\n- Multiple display formats (text, icon, or combination)\n- Four selection indicator styles (Fill, Border, TopBorder, BottomBorder)\n- Scrollable segments for large item counts\n- Two selection modes (Single, SingleDeselect)\n- Comprehensive appearance customization\n- Disabled segment support\n- RTL support\n- Ripple effect animations\n- DataTemplate support for custom layouts\n\n**Package:** `Syncfusion.Maui.Buttons`  \n**Namespace:** `Syncfusion.Maui.Buttons`  \n**Control Class:** `SfSegmentedControl`\n\n## Documentation and Navigation Guide\n\n### Getting Started\n\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n\nStart here for initial setup:\n- Installing Syncfusion.Maui.Buttons NuGet package\n- Registering Syncfusion handlers (ConfigureSyncfusionCore)\n- Basic control initialization in XAML and C#\n- Multi-IDE setup (Visual Studio, VS Code, Rider)\n- Namespace imports and minimal examples\n\n### Populating Segment Items\n\n📄 **Read:** [references/populating-items.md](references/populating-items.md)\n\nFor adding segments to the control:\n- Using ItemsSource with string arrays\n- Creating SfSegmentItem objects\n- Adding text, icons, or text+icon combinations\n- Image sources and font icon configuration\n- Dynamic item population\n- Data binding approaches\n\n### Selection Features\n\n📄 **Read:** [references/selection.md](references/selection.md)\n\nFor controlling selection behavior and appearance:\n- Programmatic selection with SelectedIndex\n- Selection indicator placements (Fill, Border, TopBorder, BottomBorder)\n- Selection modes (Single, SingleDeselect)\n- Customizing selected segment colors and backgrounds\n- Border customization for selected segments\n- Ripple effect animation (EnableRippleEffect)\n- Per-item selection styling\n\n### Appearance Customization\n\n📄 **Read:** [references/customization.md](references/customization.md)\n\nFor styling the control:\n- Border color and thickness (Stroke, StrokeThickness)\n- Corner radius (CornerRadius, SegmentCornerRadius)\n- Text styling (TextStyle, FontAttributes, FontSize)\n- Segment background colors\n- Per-item customization\n- Separator visibility (ShowSeparator)\n- DataTemplate customization (SegmentTemplate)\n- Selected item templates with IsSelected binding\n\n### Layout Configuration\n\n📄 **Read:** [references/layout.md](references/layout.md)\n\nFor sizing and layout control:\n- Segment width (SegmentWidth, per-item Width)\n- Segment height (SegmentHeight)\n- Visible segment count (VisibleSegmentsCount)\n- Scrolling behavior\n- Auto-sizing vs fixed dimensions\n\n### Disabled Segments\n\n📄 **Read:** [references/disabled-segments.md](references/disabled-segments.md)\n\nFor disabling specific segments:\n- Setting IsEnabled per segment\n- Visual feedback for disabled state\n- Preventing user interaction\n- Conditional disabling scenarios\n\n### Events\n\n📄 **Read:** [references/events.md](references/events.md)\n\nFor handling user interactions:\n- SelectionChanged event\n- SegmentTapped event\n- Event arguments and accessing segment data\n- Programmatic response to selection\n- Event-driven UI updates\n\n### Advanced Features\n\n📄 **Read:** [references/advanced-features.md](references/advanced-features.md)\n\nFor special capabilities:\n- Right-to-left (RTL) support and FlowDirection\n- Liquid glass effect styling\n- Custom visual effects\n- Platform-specific considerations","tags":["syncfusion","maui","segmented","control","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-segmented-control","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-segmented-control","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,785 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-22T00:56:09.843Z","embedding":null,"createdAt":"2026-04-18T22:15:44.244Z","updatedAt":"2026-04-22T00:56:09.843Z","lastSeenAt":"2026-04-22T00:56:09.843Z","tsv":"'-7':156 '2':155 'access':527 'ad':335,348 'add':207 'advanc':539 'allow':66,123 'anim':213,272,406 'app':41 'appear':162,263,377,413 'appli':204 'applic':32 'approach':366 'argument':525 'array':344 'auto':483 'auto-s':482 'background':165,398,438 'base':142 'basic':307 'behavior':174,375,481 'bind':365,455 'border':164,248,386,399,422 'bottombord':250,388 'build':134 'button':20,25,29,80,122 'c':313 'calendar':216 'capabl':546 'categori':129,227 'chang':190 'chart':219 'choos':153 'class':283 'code':321 'color':166,396,423,439 'combin':242,354 'common':214 'compon':232 'comprehens':262 'condit':509 'configur':172,360,457 'configuresyncfusioncor':306 'consider':565 'contain':61 'content':90,127 'control':5,11,18,44,53,282,308,339,373,421,465 'corner':167,428 'cornerradius':430 'count':256,478 'cover':35 'creat':81,120,345 'custom':160,182,212,264,276,393,400,414,443,448,559 'data':118,364,529 'datatempl':273,447 'day/week/month/year':112 'design':147 'differ':117 'dimens':487 'disabl':265,488,494,504,510 'discret':79 'display':224,237 'document':285 'driven':536 'dynam':361 'effect':206,210,271,405,557,561 'enabl':150 'enablerippleeffect':407 'event':186,512,521,523,524,535 'event-driven':534 'exampl':327 'exclus':72,158 'featur':235,368,540 'feedback':502 'fill':247,385 'filter':28,89,121,126,228 'fix':486 'flowdirect':554 'font':358 'fontattribut':435 'fontsiz':436 'format':238 'four':243 'function':76 'get':289 'glass':209,556 'group':26 'guid':288 'handl':184,517 'handler':305 'height':474 'icon':63,240,350,353,359 'ide':316 'imag':355 'implement':6,42,107,197 'import':324 'indic':40,171,183,245,383 'initi':297,309 'instal':36,299 'interact':508,519 'interfac':149 'intuit':83 'isen':498 'isselect':454 'item':37,255,330,362,410,442,451,471 'itemssourc':341 'key':234 'languag':202 'larg':254 'layout':115,196,277,456,464 'left':201,550 'like':23,137 'linear':57 'liquid':208,555 'list/grid':114 'maui':3,9,31,47,51 'minim':326 'mode':180,225,259,390 'multi':315 'multi-id':314 'multipl':236 'mutual':71,157 'namespac':280,323 'navig':138,143,287 'need':105 'net':8,46,50 'nuget':301 'object':347 'option':73,159,223 'overview':233 'packag':278,302 'per':409,441,470,499 'per-item':408,440,469 'period':94,133,220 'placement':384 'platform':563 'platform-specif':562 'popul':38,328,363 'prevent':506 'programmat':177,378,530 'provid':55,139 'radius':168,429 'read':291,331,369,415,458,490,513,541 'references/advanced-features.md':542,543 'references/customization.md':416,417 'references/disabled-segments.md':491,492 'references/events.md':514,515 'references/getting-started.md':292,293 'references/layout.md':459,460 'references/populating-items.md':332,333 'references/selection.md':370,371 'regist':303 'respond':187 'respons':531 'rider':322 'right':199,548 'right-to-left':198,547 'rippl':270,404 'rtl':195,268,551 'scenario':215,511 'scroll':480 'scrollabl':251 'segment':4,10,17,19,43,52,60,75,141,161,185,192,252,266,329,336,395,403,437,466,473,477,489,496,500,528 'segment-bas':140 'segmentcornerradius':431 'segmentheight':475 'segmenttap':522 'segmenttempl':449 'segmentwidth':468 'select':24,39,69,92,148,170,173,178,179,189,244,258,367,374,379,382,389,394,402,411,450,533 'selectedindex':381 'selectionchang':520 'selector':221 'separ':444 'set':58,175,230,497 'setup':298,317 'sfsegmentedcontrol':12,54,284 'sfsegmentitem':346 'showsepar':446 'singl':260,391 'singledeselect':261,392 'size':462,484 'skill':34,99,102 'skill-syncfusion-maui-segmented-control' 'sort':222 'sourc':356 'source-syncfusion' 'special':205,545 'specif':495,564 'start':290,294 'state':505 'string':343 'stroke':426 'strokethick':427 'studio':319 'style':163,246,412,419,433,558 'support':194,203,267,269,274,552 'switch':86,226 'switcher':109 'syncfus':2,7,49,304 'syncfusion-maui-segmented-control':1 'syncfusion.maui.buttons':279,281,300 'tab':22,136,146 'tab-lik':21,135 'tap':193 'templat':452 'text':62,239,349,352,432 'textstyl':434 'thick':425 'time':93,132 'toggl':110,218,231 'topbord':249,387 'topic-agent-skills' 'tradit':145 'two':257 'type':130 'ui':537 'updat':538 'use':13,97,100,340 'user':67,124,151,507,518 'view':88,108,113,217 'visibl':445,476 'visiblesegmentscount':479 'visual':119,318,501,560 'vs':320,485 'way':84 'width':467,472 'without':144 'work':15 'xaml':311","prices":[{"id":"9cd2e6ff-b70b-4965-9853-bf70e0fa6c8b","listingId":"ea5a46ee-83c6-4a6a-b72d-5e4dfd8ba9b8","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:15:44.244Z"}],"sources":[{"listingId":"ea5a46ee-83c6-4a6a-b72d-5e4dfd8ba9b8","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-segmented-control","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-segmented-control","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:44.244Z","lastSeenAt":"2026-04-22T00:56:09.843Z"}],"details":{"listingId":"ea5a46ee-83c6-4a6a-b72d-5e4dfd8ba9b8","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-segmented-control","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":"04c45a7ba51e6d3014d237cc99c74e3b88386d3a","skill_md_path":"skills/syncfusion-maui-segmented-control/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-segmented-control"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-segmented-control","description":"Implements Syncfusion .NET MAUI Segmented Control (SfSegmentedControl). Use when working with segmented controls, segment buttons, tab-like selection, button groups, or filter buttons in MAUI applications. This skill covers installation, item population, selection indicators, appearance customization, layout configuration, disabled segments, and events."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-segmented-control"},"updatedAt":"2026-04-22T00:56:09.843Z"}}