```javascript
<div>
  <h3>Default</h3>
  <ToggleButton selected>On</ToggleButton>
  {' '}
  <ToggleButton>Off</ToggleButton>
  <hr />

  <h3>Small</h3>
  <ToggleButton.Small selected>1</ToggleButton.Small>
  {' '}
  <ToggleButton.Small>2</ToggleButton.Small>
  <hr />

  <h3>Colorful</h3>
  <ToggleButton.Colorful selected>On</ToggleButton.Colorful>
  {' '}
  <ToggleButton.Colorful>Off</ToggleButton.Colorful>
  <hr />

  <h3>Disabled</h3>
  <ToggleButton selected disabled>On</ToggleButton>
  {' '}
  <ToggleButton disabled>Off</ToggleButton>
  <hr />
</div>
```
