Farmblocks hoc validation messages

A Higher Order Component that adds validation messages when a component is invalid

Installation

npm install @crave/farmblocks-hoc-validation-messages

Usage

import React, { Component } from 'react';
import { render } from 'react-dom';
import withMessages from '@crave/farmblocks-hoc-validation-messages'

const WithMessagesInput = withMessages(props =>
  React.createElement("input", props)
);

const App = props => (
  <div>
    <WithMessagesInput validationMessages={['Required field']} />
  </div>
);

render(<App />, document.getElementById('root'));

API

| Property | Type | Default | Required | Description | | ------------------ | ---------------- | ----------- | -------- | ------------------------------------------------------------------- | | validationMessages | array of strings | [] | | the error messages to be rendered | | onInvalid | function | () => false | | | | errorIconSrc | string | | | the url for a custom icon to be displayed before all error messages | | invalid | boolean | false | | true if there are any validationMessages |

License

MIT