@commercetools-uikit/messages

A component to render error or warning messages within together with form fields.

Usage no npm install needed!

<script type="module">
  import commercetoolsUikitMessages from 'https://cdn.skypack.dev/@commercetools-uikit/messages';
</script>

README

Messages: WarningMessage

Description

Represents an warning message.

Usage

import { WarningMessage } from '@commercetools-uikit/messages';

<WarningMessage>This is a duplicate of {`${duplicate}`}</WarningMessage>;

Properties

Props Type Required Values Default Description
children node ✅ (*) - - Warning message, either as string or node
intlMessage intl message ✅ (*) - - An intl message object that will be rendered with FormattedMessage

*: children is required only if intlMessage is not provided

Main functions and use cases are:

  • Display validation warnings of input fields

Messages: ErrorMessage

Description

Represents an error message.

Usage

import { ErrorMessage } from '@commercetools-uikit/messages';

<ErrorMessage>Something went wrong</ErrorMessage>;

Properties

Props Type Required Values Default Description
children node ✅ (*) - - Error message, either as string or node
intlMessage intl message ✅ (*) - - An intl message object that will be rendered with FormattedMessage

*: children is required only if intlMessage is not provided

Main functions and use cases are:

  • Display validation errors of input fields