Feedback Message

React component that renders a message with a mail address allowing readers to give feedback.

Installation

yarn add @ta-interaktiv/react-feedback-message

API

Table of Contents

• Parameters
• Examples

React component that renders a message with a mail address allowing readers to give feedback.

Parameters

• props object
  • props.mailTo string The mail address to send the feedback to. Join several addresses with , (optional, default interaktiv@tages-anzeiger.ch)
  • props.project string The name of the project. Used as the mail subject. Defaults to the window title. (optional, default window.document.title)
  • props.className string? Additional CSS classes that should be passed to both the ui message.
  • props.inverted boolean Whether the component should be displayed as inverted. (optional, default false)
  • props.question string Header line of the feedback message box. (optional, default 'Haben sie Anmerkungen oder einen Fehler entdeckt?'|'Avez-vous des remarques ou avez-vous découvert une erreur?')
  • props.call string Second part of the message, prepended to the mailTo address(es) (optional, default 'Wir freuen uns über Ihre Nachricht an'|'Nous nous réjouissons de votre message à')
  • props.locale ("de" | "fr") The language in which the component should be rendered. This only affects the default text strings (optional, default de)

Examples

import React from 'react'
import FeedbackMessage from '@ta-interaktiv/react-feedback-message'

class YourComponent extends React.Component {
 render() {

   return (
     <FeedbackMessage mailTo='test@example.com' className='small blue' />
   )
 }
}