All files / lib/InputHelper index.js

100% Statements 5/5
100% Branches 0/0
100% Functions 1/1
100% Lines 5/5
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61                  89x 3x     89x             89x         89x                                                                      
import React from 'react';
import PropTypes from 'prop-types';
 
/**
 * @category controls
 * @component input
 * @variations collab-ui-react
 */
 
const InputHelper = ({ message, className }) => {
  return <p className={`cui-input__help-text ${className}`}>{message}</p>;
};
 
InputHelper.propTypes = {
  /** @prop Optional css class name | '' */
  className: PropTypes.string,
  /** @prop Input help message for parent Input | null */
  message: PropTypes.string.isRequired
};
 
InputHelper.defaultProps = {
  className: '',
  message: null,
};
 
InputHelper.displayName = 'InputHelper';
 
export default InputHelper;
 
/**
* @name Input Helper
* @description Inputs are useful.
*
* @category controls
* @component input
* @section Input Helper
*
* @js
 
import {
  Checkbox,
  InputHelper
} from '@collab-ui/react';
 
export default function InputHelperDefault() {
  return (
    <div className='row'>
      <Checkbox
        value='us'
        label='us'
        htmlId='inputHelper1'
        onChange={()=>{}}
      >
        <InputHelper message={'I\'m here to help'} />
      </Checkbox>
    </div>
  );
}
 
**/