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
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, defaultinteraktiv@tages-anzeiger.ch
) -
props.project
string The name of the project. Used as the mail subject. Defaults to the window title. (optional, defaultwindow.document.title
) -
props.className
string? Additional CSS classes that should be passed to both theui message
. -
props.inverted
boolean Whether the component should be displayed as inverted. (optional, defaultfalse
) -
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, defaultde
)
-
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' />
)
}
}