@sineverba/feedback v2.0.1

Feedback

CI / CD	Status
NPM
Semaphore CI
Circle CI
Coverall
SonarCloud

Feedback renders a simple box with contextual advice to use in React projects.

Inspired by react-bootstrap Alert.

Installation

npm install @sineverba/feedback

Usage

import {Feedback} from "@sineverba/feedback";

export const App = () => {
  return (
    <Feedback />
    {/* It shows a success message "Operazione eseguita con successo" */}
    <Feedback message="great job!" />
    {/* It shows a success message "great job!" */}
    <Feedback level="error" />
    {/* It shows an error message "Si è verificato un errore" */}
    <Feedback level="error" message="oh no!" />
    {/* It shows an error message "Oh no!" */}
    <Feedback level="warning" />
    {/* It shows a warning message with the default text */}
    <Feedback level="warning" message="Attenzione!" />
    {/* It shows a warning message "Attenzione!" */}
  )
};

export default App;

Props

Tests

npm run test for simple test

npm run cover for coverage