# Uno Toolkit Segmented Controls

> Segmented button groups implemented as a `TabBar` with the segmented style.

- Skill: `unoplatform/uno-toolkit-segmented-controls` (Agent Skill)
- Install (CLI): `npx skillmds@latest add unoplatform/uno-toolkit-segmented-controls`
- Raw SKILL.md: https://api.skillmd.com/api/skills/unoplatform/uno-toolkit-segmented-controls/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: unoplatform (https://skillmd.com/u/unoplatform)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/unoplatform/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