@baneung-pack/ui
Buttons & Toggles

ToggleGroup

Toggle을 묶어 단일/다중 선택 그룹 구성 (Radix). 화살표 키로 항목 이동.

예제

설치 / Import

import { ToggleGroup, ToggleGroupItem } from '@baneung-pack/ui';
import { ToggleGroup } from '@baneung-pack/ui/toggle-group';

서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.

API

PropertyDescriptionTypeDefault
type선택 모드 — single은 radio, multiple은 button'single' | 'multiple'
valuecontrolled 선택값 (single: string, multiple: string[])string | string[]
defaultValueuncontrolled 초기값string | string[]
onValueChange값 변경 콜백(value: string | string[]) => void
disabled전체 비활성booleanfalse