@ouroboros/react-errors

A React component that displays error messages.

Installation

npm

npm install @ouroboros/react-errors

Using

import Errors, { addError } from '@ouroboros/react-errors';

function SomeComponent(props) {
  return (
    <div>
      <button onClick={() => addError('Test Error!')}>Add Error</button>
    </div>
  );
}

function App(props) {
  return (
    <SomeComponent />
    <Errors />
  );
}

Props

| Name | Type | Required | Description | |--|--|--|--| | position | "bottom" | "top" | no | Default, "bottom" |

addError

The addError function takes a string, or an object. In the case of an object the data will be JSON stringified and then displayed in a PRE elemenent to maintain the structure.

Style

You can set your own styles using the #oc_errors ID, or import / include node_modules/@ouroboros/react-errors/style.css.