@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

Package Sidebar

Install

npm i @sineverba/feedback

Weekly Downloads

2

Version

0.1.0

License

MIT

Unpacked Size

6 kB

Total Files

5

Last publish

Collaborators

  • sineverba