IcCheckbox.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /*
  2. * Copyright (C) 2015 - present Instructure, Inc.
  3. *
  4. * This file is part of Canvas.
  5. *
  6. * Canvas is free software: you can redistribute it and/or modify it under
  7. * the terms of the GNU Affero General Public License as published by the Free
  8. * Software Foundation, version 3 of the License.
  9. *
  10. * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
  11. * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
  12. * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
  13. * details.
  14. *
  15. * You should have received a copy of the GNU Affero General Public License along
  16. * with this program. If not, see <http://www.gnu.org/licenses/>.
  17. */
  18. import React from 'react'
  19. import PropTypes from 'prop-types'
  20. import IcInput from './IcInput'
  21. import classnames from 'classnames'
  22. var { string } = PropTypes;
  23. /**
  24. * A checkbox input wrapped with appropriate ic-Form-* elements and
  25. * classes, with support for a label and error message.
  26. *
  27. * All other props are passed through to the
  28. * <input />
  29. */
  30. var IcCheckbox = React.createClass({
  31. propTypes: {
  32. error: string,
  33. label: string
  34. },
  35. render() {
  36. var { controlClassName } = this.props;
  37. return (
  38. <IcInput
  39. {...this.props}
  40. type="checkbox"
  41. appendLabel={true}
  42. noClassName={true}
  43. controlClassName={classnames("ic-Form-control--checkbox", controlClassName)}
  44. />
  45. );
  46. }
  47. });
  48. export default IcCheckbox