uno-toolkit-segmented-controls

name	uno-toolkit-segmented-controls
description	Segmented button groups implemented as a `TabBar` with the segmented style.
when_to_use	Use when offering 2–5 mutually exclusive inline options (filter modes, view switchers) — the segmented button pattern.
metadata	{"author":"uno-platform","version":"2.6","category":"toolkit"}

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