Nodeschool Public Materials
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@ta-interaktiv/react-feedback-message

3.0.0 • Public • Published

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

Install

npm i @ta-interaktiv/react-feedback-message

DownloadsWeekly Downloads

102

Version

3.0.0

License

ISC

Unpacked Size

32.5 kB

Total Files

18

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar