npm.io
20.6.4 • Published 2 weeks ago

@commercetools-uikit/messages

Licence
MIT
Version
20.6.4
Deps
7
Size
21 kB
Vulns
0
Weekly
9.2K
Stars
153

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

Keywords