{"id":"37eb9936-ef36-47b3-bbaa-2a56db5669ba","shortId":"fuV99M","kind":"skill","title":"syncfusion-maui-checkbox","tagline":"Implements Syncfusion .NET MAUI CheckBox (SfCheckBox) controls in MAUI applications. Use when implementing checkboxes, selection controls, or toggle buttons in .NET MAUI. Covers three-state checkboxes, indeterminate state, checkbox customization, checkbox events, visual states, a","description":"# Implementing Checkboxes in .NET MAUI\n\nThe Syncfusion .NET MAUI CheckBox (SfCheckBox) is a selection control that allows users to choose one or more options from a set. It supports three states (checked, unchecked, indeterminate), extensive visual customization, and event-driven state management.\n\n## When to Use This Skill\n\nUse this skill when the user needs to:\n\n- **Implement checkbox controls** in .NET MAUI applications\n- **Add selection controls** for single or multiple choice scenarios\n- **Create three-state checkboxes** with indeterminate state support\n- **Customize checkbox appearance** (colors, shapes, sizes, text)\n- **Handle checkbox events** (StateChanged, StateChanging)\n- **Apply visual states** using VisualStateManager\n- **Build checkbox groups** for multi-select scenarios (e.g., settings, forms, filters)\n- **Implement parent-child checkbox hierarchies** with select-all functionality\n- **Create terms and conditions** acceptance UI\n- **Add accessible selection controls** with MAUI styling\n\n## Component Overview\n\nThe SfCheckBox control provides:\n- **Three-state support**: Checked, Unchecked, and Indeterminate states\n- **Visual customization**: Colors, corner radius, stroke thickness, tick color\n- **Text customization**: Font, color, alignment, line break modes\n- **Event handling**: StateChanged and StateChanging events\n- **Visual State Manager**: Custom appearance for each state\n- **Animation control**: Enable/disable state change animations\n\n## Documentation and Navigation Guide\n\n### Getting Started and Installation\n\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n\n**When to read**: User is setting up SfCheckBox for the first time, needs installation steps, or wants basic implementation examples.\n\nTopics covered:\n- Installing Syncfusion.Maui.Buttons NuGet package\n- Registering Syncfusion handler (ConfigureSyncfusionCore)\n- Basic CheckBox implementation (XAML and C#)\n- Setting checkbox caption text\n- Understanding three states (Checked, Unchecked, Indeterminate)\n- Single checkbox scenarios (terms of service, agreements)\n- Multiple checkbox groups (multi-select options)\n- Intermediate state with parent-child relationships\n- Select-all checkbox patterns\n\n### Visual Customization\n\n📄 **Read:** [references/visual-customization.md](references/visual-customization.md)\n\n**When to read**: User wants to customize the appearance of checkboxes, change colors, adjust sizes, modify text styling, or control animations.\n\nTopics covered:\n- Shape customization (CornerRadius for rounded checkboxes)\n- State colors (CheckedColor, UncheckedColor)\n- Stroke thickness customization\n- Caption text appearance (TextColor, FontFamily, FontSize, FontAttributes, HorizontalTextAlignment)\n- Tick color customization\n- LineBreakMode options (wrap or truncate text)\n- Size customization (ControlSize property)\n- Font auto-scaling (FontAutoScalingEnabled)\n- Animation control (EnabledAnimation)\n- Content spacing between checkbox and text\n\n### Events and State Management\n\n📄 **Read:** [references/events.md](references/events.md)\n\n**When to read**: User needs to respond to checkbox state changes, validate selections, or implement custom logic when checkboxes are toggled.\n\nTopics covered:\n- StateChanged event and StateChangedEventArgs\n- StateChanging event (cancellable before state change)\n- Event handling patterns in XAML and C#\n- Programmatic state changes\n- Event-driven UI updates\n- Preventing state changes with Cancel property\n- Coordinating multiple checkbox states\n\n### Visual States with VisualStateManager\n\n📄 **Read:** [references/visual-states.md](references/visual-states.md)\n\n**When to read**: User wants to apply different visual appearances for checked, unchecked, or indeterminate states using VisualStateManager.\n\nTopics covered:\n- Visual State Manager overview for SfCheckBox\n- Three visual states (Checked, Unchecked, Intermediate)\n- XAML implementation with VisualStateGroups\n- C# implementation with VisualState setters\n- Customizing properties per state\n- Complete examples for each state","tags":["syncfusion","maui","checkbox","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-checkbox","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-checkbox","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,069 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:06.049Z","embedding":null,"createdAt":"2026-04-18T22:15:08.525Z","updatedAt":"2026-04-22T00:56:06.049Z","lastSeenAt":"2026-04-22T00:56:06.049Z","tsv":"'accept':166 'access':169 'add':104,168 'adjust':328 'agreement':290 'align':203 'allow':57 'anim':221,226,335,377 'appear':124,217,323,353,467 'appli':134,464 'applic':14,103 'auto':374 'auto-sc':373 'basic':255,268 'break':205 'build':139 'button':23 'c':273,432,494 'cancel':422,445 'caption':276,351 'chang':225,326,403,425,435,443 'check':72,185,281,469,487 'checkbox':4,9,18,31,34,36,42,50,98,117,123,130,140,155,269,275,285,292,308,325,343,383,401,411,449 'checkedcolor':346 'child':154,303 'choic':111 'choos':60 'color':125,192,198,202,327,345,360 'complet':503 'compon':175 'condit':165 'configuresyncfusioncor':267 'content':380 'control':11,20,55,99,106,171,179,222,334,378 'controls':370 'coordin':447 'corner':193 'cornerradius':340 'cover':27,259,337,415,477 'creat':113,162 'custom':35,77,122,191,200,216,311,321,339,350,361,369,408,499 'differ':465 'document':227 'driven':81,438 'e.g':147 'enable/disable':223 'enabledanim':379 'event':37,80,131,207,212,386,417,421,426,437 'event-driven':79,436 'exampl':257,504 'extens':75 'filter':150 'first':248 'font':201,372 'fontattribut':357 'fontautoscalingen':376 'fontfamili':355 'fontsiz':356 'form':149 'function':161 'get':231 'group':141,293 'guid':230 'handl':129,208,427 'handler':266 'hierarchi':156 'horizontaltextalign':358 'implement':5,17,41,97,151,256,270,407,491,495 'indetermin':32,74,119,188,283,472 'instal':234,251,260 'intermedi':298,489 'line':204 'linebreakmod':362 'logic':409 'manag':83,215,389,480 'maui':3,8,13,26,45,49,102,173 'mode':206 'modifi':330 'multi':144,295 'multi-select':143,294 'multipl':110,291,448 'navig':229 'need':95,250,397 'net':7,25,44,48,101 'nuget':262 'one':61 'option':64,297,363 'overview':176,481 'packag':263 'parent':153,302 'parent-child':152,301 'pattern':309,428 'per':501 'prevent':441 'programmat':433 'properti':371,446,500 'provid':180 'radius':194 'read':235,240,312,317,390,395,455,460 'references/events.md':391,392 'references/getting-started.md':236,237 'references/visual-customization.md':313,314 'references/visual-states.md':456,457 'regist':264 'relationship':304 'respond':399 'round':342 'scale':375 'scenario':112,146,286 'select':19,54,105,145,159,170,296,306,405 'select-al':158,305 'servic':289 'set':67,148,243,274 'setter':498 'sfcheckbox':10,51,178,245,483 'shape':126,338 'singl':108,284 'size':127,329,368 'skill':88,91 'skill-syncfusion-maui-checkbox' 'source-syncfusion' 'space':381 'start':232 'state':30,33,39,71,82,116,120,136,183,189,214,220,224,280,299,344,388,402,424,434,442,450,452,473,479,486,502,507 'statechang':132,133,209,211,416,420 'statechangedeventarg':419 'step':252 'stroke':195,348 'style':174,332 'support':69,121,184 'syncfus':2,6,47,265 'syncfusion-maui-checkbox':1 'syncfusion.maui.buttons':261 'term':163,287 'text':128,199,277,331,352,367,385 'textcolor':354 'thick':196,349 'three':29,70,115,182,279,484 'three-stat':28,114,181 'tick':197,359 'time':249 'toggl':22,413 'topic':258,336,414,476 'topic-agent-skills' 'truncat':366 'ui':167,439 'uncheck':73,186,282,470,488 'uncheckedcolor':347 'understand':278 'updat':440 'use':15,86,89,137,474 'user':58,94,241,318,396,461 'valid':404 'visual':38,76,135,190,213,310,451,466,478,485 'visualst':497 'visualstategroup':493 'visualstatemanag':138,454,475 'want':254,319,462 'wrap':364 'xaml':271,430,490","prices":[{"id":"0cae75c5-71e3-4cd5-888b-3cc18080e5bc","listingId":"37eb9936-ef36-47b3-bbaa-2a56db5669ba","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:08.525Z"}],"sources":[{"listingId":"37eb9936-ef36-47b3-bbaa-2a56db5669ba","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-checkbox","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-checkbox","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:08.525Z","lastSeenAt":"2026-04-22T00:56:06.049Z"}],"details":{"listingId":"37eb9936-ef36-47b3-bbaa-2a56db5669ba","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-checkbox","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":"802a1d6b60cc5c74a6201085a93eeabafb190638","skill_md_path":"skills/syncfusion-maui-checkbox/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-checkbox"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-checkbox","description":"Implements Syncfusion .NET MAUI CheckBox (SfCheckBox) controls in MAUI applications. Use when implementing checkboxes, selection controls, or toggle buttons in .NET MAUI. Covers three-state checkboxes, indeterminate state, checkbox customization, checkbox events, visual states, and checkbox groups."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-checkbox"},"updatedAt":"2026-04-22T00:56:06.049Z"}}