Switch
Maeng Design의 Switch 컴포넌트는 두 상태 또는 On-Off 상태 간의 전환을 나타내야 하는 경우에 사용합니다.
Size
small, medium, large 3가지의 size가 존재합니다.import React from 'react';
import { Switch } from 'maeng-design';
const App = () => (
<div>
<Switch size="small" />
<Switch size="medium" checked />
<Switch size="large" />
</div>
);API
Switch 속성을 설정하여 다양한 Switch를 생성하고 컨트롤 할 수 있습니다.| Property | Description | Type | default |
|---|---|---|---|
| checked | 스위치의 On 여부를 지정합니다. | boolean | false |
| size | 스위치의 크기를 지정할 수 있습니다. | small medium large | medium |
| disabled | 스위치를 비활성화 시킬 수 있습니다. | boolean | false |
| color | 스위치의 색상을 지정할 수 있습니다. | ColorName | blue6 |
| onChange | 스위치 상태가 변경될 때 트리거되는 핸들러 설정 | (checked, event) => void | - |