@commercetools-uikit/messages

Messages: AdditionalInfoMessage

Description

Represents an additional info message.

Usage

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

<AdditionalInfoMessage>Something went wrong</AdditionalInfoMessage>;

Properties

Props	Type	Required	Values	Default	Description
children	node	✅ (*)	-	-	Info 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 neutral information 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

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