React Simple Feedback

A super simple component similar to a single select to be used for single answer feedback gathering

Installation

yarn add react-simple-feedback

Usage

This repo requires styled-components and react as peers.

Props

propTypes = {
  /**
   * Brings the component directly to the complete state.
   * Does not show the tags as options or the label.
   */
  complete: PropTypes.bool,
  /**
   * The function to call when any one of the tags is clicked.
   */
  onClick: PropTypes.func,
  /**
   * The function to call when the close button is clicked.
   */
  onClose: PropTypes.func,
  /**
   * This will automatically hide the element after
   * a timeout of this.props.hideTimeout or 1.5 seconds.
   *
   * The close button will also cause this element to hide.
   */
  hideOnComplete: PropTypes.func,
  /**
   * The amount of time (in seconds) to wait before hiding this component.
   *
   * This will only be taken into account if this.props.hideOnComplete is true
   */
  hideTimeout: PropTypes.number,
  /**
   * The label of the field.
   */
  label: PropTypes.string.isRequired,
  /**
   * The message to display after one of the options is selected
   */
  message: PropTypes.string.isRequired,
  /**
   * The options to render
   */
  tags: PropTypes.arrayOf({
    /**
     * The hardcoded emoji eg: '