UNPKG

@atlaskit/form

Version:

A form allows people to input information.

19 lines (18 loc) 574 B
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));