Skip to main content

Message

Displayed with form fields, typically underneath the component they refer to.

Installation​

Install

yarn add @iag/chroma-react-ui.components

Import

import { Message } from '@iag/chroma-react-ui.components';

Accessibility​

Accessibility documentation(opens in new window)

Information​

Success​

Warning​

Error​

Used when redirecting to an external page.

Used when triggering an action, like a modal.

Properties​

Name
Description
  • className
    stringAdditional CSS classes to be applied
  • id
    stringHTML id attribute for the component
  • doNotTrack
    booleanInternal testing flag
  • variant
    stringMessage variant (optional: "information", "success", "warning", "error")

CSS Variables​