Represents an additional info message.
import { AdditionalInfoMessage } from '@commercetools-uikit/messages';
<AdditionalInfoMessage>Something went wrong</AdditionalInfoMessage>;
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 ifintlMessage
is not provided
Main functions and use cases are:
- Display neutral information of input fields
Represents an error message.
import { ErrorMessage } from '@commercetools-uikit/messages';
<ErrorMessage>Something went wrong</ErrorMessage>;
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 ifintlMessage
is not provided
Main functions and use cases are:
- Display validation errors of input fields
Represents an warning message.
import { WarningMessage } from '@commercetools-uikit/messages';
<WarningMessage>This is a duplicate of {`${duplicate}`}</WarningMessage>;
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 ifintlMessage
is not provided
Main functions and use cases are:
- Display validation warnings of input fields