같은 내용의 보기 방식이나 기간을 2–4개 중에서 바꾸는 캡슐형 전환 버튼입니다.

## 언제 쓰나
- 기간(일·주·월), 보기 방식(목록·격자), 정렬처럼 *같은 화면의 표시 방식*을 바꿀 때. 다른 화면으로 가는 건 TabBar나 NavBar 링크.
- 선택된 칸은 `paper-raised` + `shadow-card`로 떠오릅니다. Tab으로 한 번 들어가고(아무것도 고르지 않았으면 첫 칸) 방향키·Home·End로 고르며, 포커스도 함께 옮겨 갑니다.

## 소비자가 넣는 것
- `items`(`{id,label}`, 2–4개, 라벨 1–4자), `value`, `onChange`, `label`(스크린리더용), `block`(가로 꽉 채움).

<!-- props:start — node scripts/docs.mjs가 dist/index.d.ts에서 만듭니다. 손으로 고치지 마세요 -->
## Props (React)

2–4개 보기 전환. 방향키로 이동.

| 이름 | 형 | | 설명 |
| --- | --- | --- | --- |
| `items` | `{ id: string; label: string }[]` | 필수 |  |
| `value` | `string` |  |  |
| `defaultValue` | `string` |  |  |
| `onChange` | `(id: string) => void` |  |  |
| `label` | `string` | 필수 |  |
| `block` | `boolean` |  |  |
| `className` | `string` |  |  |

Svelte는 같은 이름에 소문자 이벤트(`onchange`·`onclick`)와 `bind:`를 씁니다.
<!-- props:end -->