# 分段控件 Segmented

分类：导航 · React：Tabs variant="segmented"

2–4 个互斥选项挤在一条里：视图切换、类型选择。

## 示例
```html
<div class="xxd-segmented" role="radiogroup" data-xxd-segmented aria-label="类型">
  <button role="radio" aria-checked="true">文本</button>
  <button role="radio" aria-checked="false">图片</button>
</div>
```

## 属性与类名
- 类名：`xxd-segmented`

## JS
```js
group.addEventListener("xxd:change", (e) => e.detail.value)
```

## 键盘与读屏
- role=radiogroup + aria-label，每段 role=radio + aria-checked
- ← → 切换，Tab 只停一次；选中态在高对比模式下有描边

## 规则
- 一个托盘，选中段像纸一样浮出来，不是框里套框