kitten-components/assets/javascripts/kitten/components/form/switch.js

Front-end components library

import React from 'react'
import classNames from 'classnames'

export class Switch extends React.Component {
  render() {
    let switchClassNames = classNames('k-Switch__label', {
      'k-Switch__label--big': this.props.big,
    })

    return (
      <div className="k-Switch">
        <input
          id={this.props.id}
          type="checkbox"
          className="k-Switch__input"
          defaultChecked={this.props.isChecked}
          disabled={this.props.disabled}
        />

        <label htmlFor={this.props.id} className={switchClassNames}>
          {this.props.label}
        </label>
      </div>
    )
  }
}

// DEPRECATED: do not use default export.
export default Switch