@atlaskit/form
Version:
A form allows people to input information.
19 lines (18 loc) • 574 B
JavaScript
import React from 'react';
import { FieldId } from './field-id-context';
import Message from './message';
/**
* __Valid message__
*
* A valid message is used to tell a user that the field input is valid. For example,
* a helper message could be 'Nice one, this username is available'.
*
*/
export const ValidMessage = ({
children,
testId
}) => /*#__PURE__*/React.createElement(FieldId.Consumer, null, fieldId => /*#__PURE__*/React.createElement(Message, {
appearance: "valid",
fieldId: fieldId ? `${fieldId}-valid` : undefined,
testId: testId
}, children));