uniforms-react-semantic/src/ErrorField.js

Semantic React UI components for uniforms.

import React          from 'react';
import classnames     from 'classnames';
import connectField   from 'uniforms/connectField';
import filterDOMProps from 'uniforms/filterDOMProps';
import nothing        from 'uniforms/nothing';

const Error = ({children, className, error, errorMessage, ...props}) =>
    !error ? nothing : (
        <div className={classnames('ui', className, 'error message')} {...filterDOMProps(props)}>
            {children ? (
                children
            ) : (
                <div className="header">
                    {errorMessage}
                </div>
            )}
        </div>
    )
;

export default connectField(Error, {initialValue: false});