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

| Name | Type | Default value | | ---- | ---- | ------------- | | message | string | "Operazione eseguita con successo" (if level is success or missing (default = success)) or "Si è verificato un errore" (if level is different from success) | | level | string | "success" (possible values: success / warning / error) |

Tests

npm run test for simple test

npm run cover for coverage