v0.27.0
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!
Prop Name | Type | Default | Description |
---|---|---|---|
actions | object[] |
| Accepts an array of objects with Button props and an additional |
header | string |
| Optional header to display in message. |
messages * | MessageItem |
| See below for usage. |
type | success | error | warning | info | success | Determines the style of message to display. |
onClose | () => void |
| Function that will be called on close events. |
Props ending with * are required
Prop Name | Type | Default | Description |
---|---|---|---|
text * | string |
| Message to be displayed. |
link | MessageLinkItem |
| See below for usage. |
Props ending with * are required
Prop Name | Type | Default | Description |
---|---|---|---|
external | boolean |
| Shows an external icons when the |
href | string |
| Same as a HTML anchor href attribute. |
text | string |
| Link text to display. |
target | string |
| Same as a HTML anchor target attribute. |
Props ending with * are required
Inherited Props
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!
Message
's allow you to pass an optional header
prop.
Edit the code below to see your changes live!
Toggles the visibility of the close button, and provides an on click callback.
Edit the code below to see your changes live!
Message
's allow you to pass an optional actions
prop.
Edit the code below to see your changes live!