@ollimio/odis

Segmented Control

라디오 그룹처럼 하나의 값을 선택하는 컨트롤입니다.

Preview

Props

Component	Prop	Type	Default	Description
`SegmentedControl`	`value`	`string`	`-`	선택된 값을 외부 상태로 제어할 때 사용합니다.
`SegmentedControl`	`defaultValue`	`string`	`-`	초기 선택값만 지정할 때 사용합니다.
`SegmentedControl`	`onValueChange`	`(value: string) => void`	`-`	선택값이 바뀔 때 호출됩니다.
`SegmentedControl`	`size`	`sm \| md \| lg`	`md`	컨트롤 높이와 아이템 패딩을 바꿉니다.
`SegmentedControl`	`alignment`	`fixed \| fluid`	`fixed`	fixed는 같은 너비, fluid는 콘텐츠 너비와 가로 스크롤을 사용합니다.
`SegmentedControl.Item`	`value`	`string`	`-`	각 선택지의 고유 값입니다.
`SegmentedControl.Item`	`disabled`	`boolean`	`false`	개별 선택지를 비활성화합니다.