Toggle

core

눌림(pressed) 두 상태 버튼. 단독 사용하거나 ToggleGroup으로 묶어 단일/다중 선택을 만든다.

100%

상태: 꺼짐

선택: left

선택: bold

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

Toggle 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Prop	타입	기본값	설명
`value`	`string \| string[]`	—	선택 값. 단일은 string, toggleMultiple은 string[]
`defaultValue`	`string \| string[]`	—	비제어 초기 선택 값
`onValueChange`	`(value: string \| string[]) => void`	—	선택 변경 콜백
`toggleMultiple`	`boolean`	—	동시에 여러 개 눌림 허용
`orientation`	`"horizontal" \| "vertical"`	—	배치 방향 (기본 horizontal)
`disabled`	`boolean`	—	그룹 전체 비활성화
`children`	`ReactNode`	—	Toggle 항목들

tsx

import { Toggle, ToggleGroup } from "@reopt-ai/opt-ui";