InputCheckbox.jsx 820B

1234567891011121314151617181920212223242526272829
  1. import React from 'react'
  2. import PropTypes from 'prop-types'
  3. import classnames from 'classnames'
  4. const InputGroupText = props => {
  5. return (
  6. <label className={classnames(`${props.parentClassName}`, props.customClass, 'custom-control custom-checkbox')}>
  7. <input type='checkbox' className='custom-control-input' />
  8. <span className={classnames(`${props.parentClassName}__checkbox`, 'custom-control-indicator')} />
  9. <span className={classnames(`${props.parentClassName}__label`, 'custom-control-description')}>
  10. {props.label}
  11. </span>
  12. </label>
  13. )
  14. }
  15. export default InputGroupText
  16. InputGroupText.PropTypes = {
  17. parentClassName: PropTypes.string.isRequired,
  18. customClass: PropTypes.string,
  19. label: PropTypes.string
  20. }
  21. InputGroupText.defaultProps = {
  22. customClass: '',
  23. label: ''
  24. }