UncontrolledButtonToggleGroup
Button Toggle Group은 Button Group에서 토글의 사용성을 강조한 컴포넌트입니다.Anatomy
버튼 토글 그룹을 구성하는 요소를 설명합니다.
Rules of Use
Focused button
Button toggle group에서 포커스된 버튼은 한 개만 가능합니다.
Width
한 Button toggle group에 속한 버튼은 모두 같은 너비를 가지도록 합니다.
Import
import { UncontrolledButtonToggleGroup } from '@goorm-dev/vapor-components';Examples
Props
UncontrolledButtonToggleGroup
| name | description | default |
|---|---|---|
| id | UncontrolledButtonToggleGroup의 id string | button-togle-group |
| label | UncontrolledButtonToggleGroup의 label string | Toggle Button |
| size | UncontrolledButtonToggleGroup의 size smmdlgxl | xl |
| innerClassName | UncontrolledButtonToggleGroup의 innerClassName string | |
| defaultIndex | UncontrolledButtonToggleGroup의 defaultIndex number | 0 |
| isStretch | UncontrolledButtonToggleGroup의 stretch 여부. true일 경우 stretch, false일 경우 inline boolean | false |
UncontrolledButtonToggleGroup.ButtonToggleItem
| name | description | default |
|---|---|---|
| onclick | UncontrolledButtonToggleGroup.ButtonToggleItem의 onclick function | |
| buttonClassName | UncontrolledButtonToggleGroup.ButtonToggleItem의 buttonClassName string | |
| className | UncontrolledButtonToggleGroup.ButtonToggleItem의 className string |