Messages

A message primarily used for displaying page/table messaging, feature/discover/system level messages, or even non-critical messaging.

Edit the code below to see your changes live!

API

Message

Prop Name
Type
Default
Description
headerstring

Optional header to display in message.

messages *MessageItem

See below for usage.

typesuccess | error | warning | infosuccess

Determines the style of message to display.

onClose() => void

Function that will be called on close events.

Props ending with * are required

Message[MessageItem]

Prop Name
Type
Default
Description
text *string

Message to be displayed.

linkMessageLinkItem

See below for usage.

Props ending with * are required

Prop Name
Type
Default
Description
externalboolean

Shows an external icons when the external flag is set and target="_blank".

hrefstring

Same as a HTML anchor href attribute.

textstring

Link text to display.

targetstring

Same as a HTML anchor target attribute.

Props ending with * are required

Inherited Props

Expand

Inherited Props

Examples

Types

There are four types of Messages based on the level of message you want to display.

Edit the code below to see your changes live!

Header

Message's allow you to pass an optional header prop.

Edit the code below to see your changes live!

onClose

Toggles the visibility of the close button, and provides an on click callback.

Edit the code below to see your changes live!

Beta