Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@commercetools-uikit/messages

Package Overview
Dependencies
Maintainers
3
Versions
832
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@commercetools-uikit/messages

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

  • 0.0.0-canary-20241010162605
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
7.4K
decreased by-7.06%
Maintainers
3
Weekly downloads
 
Created
Source

Messages: AdditionalInfoMessage

Description

Represents an additional info message.

Usage

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

<AdditionalInfoMessage>Something went wrong</AdditionalInfoMessage>;

Properties

PropsTypeRequiredValuesDefaultDescription
childrennode✅ (*)--Info message, either as string or node
intlMessageintl 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

PropsTypeRequiredValuesDefaultDescription
childrennode✅ (*)--Error message, either as string or node
intlMessageintl 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

PropsTypeRequiredValuesDefaultDescription
childrennode✅ (*)--Warning message, either as string or node
intlMessageintl 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

FAQs

Package last updated on 10 Oct 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc