ButtonToggleGroup
Button Toggle Group은 Button Group에서 토글의 사용성을 강조한 컴포넌트입니다.Anatomy
버튼 토글 그룹을 구성하는 요소를 설명합니다.
Rules of Use
Focused button
Button toggle group에서 포커스된 버튼은 한 개만 가능합니다.
Width
한 Button toggle group에 속한 버튼은 모두 같은 너비를 가지도록 합니다.
Import
import { ButtonToggleGroup } from '@goorm-dev/vapor-components';Examples
Props
| name | description | default |
|---|---|---|
| id | ButtonToggleGroup의 id를 설정합니다. | button-toggle-group |
| onToggle | ButtonToggleGroup의 props로 전달되어 ButtonToggleItem을 클릭할 때 실행되는 함수를 정의하는 데 사용됩니다. | |
| label | ButtonToggleGroup의 label을 설정합니다. | Toggle Button |
| activeIndex | ButtonToggleGroup의 activeIndex를 설정합니다. | 0 |
| size | ButtonToggleGroup의 size를 설정합니다. smmdlgxl | xl |
| isStretch | ButtonToggleGroup의 stretch를 설정합니다. boolean | false |
| className | ButtonToggleGroup의 className을 설정합니다. | |
| innerClassName | ButtonToggleGroup의 innerClassName을 설정합니다. | |
| buttonClassName | ButtonToggleItem의 buttonClassName을 설정합니다. | |
| onClick | ButtonToggleItem의 onClick을 설정합니다. |