@sineverba/feedback
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published

Feedback

CI / CD Status
NPM npm version
Semaphore CI Build Status
Circle CI CircleCI
Coverall Coverage Status
SonarCloud Quality Gate Status

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 isError />
    {/* It shows an error message "Si è verificato un errore" */}
    <Feedback isError message="oh no!" />
    {/* It shows an error message "Oh no!" */}
  )
}:

export default App;

Props

Name Type Default value
message string Operazione eseguita con successo (if isError is false) or Si è verificato un errore (if isError is true)
isError boolean false

Tests

npm run test for simple test

npm run cover for coverage

Dependencies (0)

    Dev Dependencies (14)

    Package Sidebar

    Install

    npm i @sineverba/feedback

    Weekly Downloads

    6

    Version

    0.1.0

    License

    MIT

    Unpacked Size

    6 kB

    Total Files

    5

    Last publish

    Collaborators

    • sineverba