@ta-interaktiv/react-feedback-message

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

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
Minified + gzip package size for @ta-interaktiv/react-feedback-message in KB

Readme

Feedback Message

npm version

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

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' />
   )
 }
}

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.