# Component/Control/Switch

> Props: component-control-switch.props.txt

## Examples


### Base

```tsx
{
  args: {
    isOn: true,
    onText: 'ON',
    offText: 'OFF'
  },
  ...Template
}
```

### Default Long

```tsx
{
  args: {
    isOn: true,
    onText: '켜진 상태입니다. 꺼려면 클릭하세요.',
    offText: '꺼진 상태입니다. 켜려면 클릭하세요.'
  },
  ...Template
}
```

### Empty Label

```tsx
{
  args: {
    isOn: true,
    onText: '',
    offText: ''
  },
  ...Template
}
```

### Fixed Width

```tsx
{
  args: {
    isOn: true,
    width: 200,
    onText: '고정너비 온',
    offText: '고정너비 오프'
  },
  ...Template
}
```