uno-toolkit-segmented-controls

# Uno Toolkit Segmented Controls — Agent Skill ## Workflow > **Docs lookup:** call `uno_platform_docs_search(...)` first, then `uno_platform_docs_fetch(sourcePath="…")` using the `sourcePath` field from a result (a relative `.md` path; add the result's `anchor` for a section). Never pass a URL, a `.html` link, or a hand-built path. ### Step 1: Fetch the Segmented Control Documentation ``` uno_platform_docs_search("Uno Toolkit segmented control TabBar button group exclusive") ``` Primary documentation pages: - **TabBar & TabBarItem** (segmented section): `external/uno.toolkit.ui/doc/controls/TabBarAndTabBarItem.md` Fetch the TabBar page and look for segmented control styles: ``` uno_platform_docs_fetch(sourcePath="external/uno.toolkit.ui/doc/controls/TabBarAndTabBarItem.md") ``` ## Critical Rules - The segmented style key is **`SegmentedStyle`** — apply it on the `TabBar` (`Style="{StaticResource SegmentedStyle}"`). There is no `SegmentedTabBarStyle` key; using that name will silently fall through to the default `TabBar` look. ## Key Principles (Stable) - Segmented controls use `TabBar` with `Style="{StaticResource SegmentedStyle}"` - Each option is a `TabBarItem` - Single selection mode — mutually exclusive options - The concrete segmented-button visual comes from the active design-theme ## Related Skills - [[uno-toolkit-tabbar]] — Full TabBar reference - [[uno-toolkit-chip]] — Alternative selection via ChipGroup