ToastMessage

Use toast messages to provide updates about a process. The ToastMessage component extends Box.

Usage Example:

Live Editor

<ToastMessage.Failure my={3} message={"Payment failed"} secondaryMessage={"You don't have enough Exodus tokens"} actionText={"Buy tokens"} actionHref={"#!"} />

<ToastMessage.Failure
  my={3}
  message={"Payment failed"}
  secondaryMessage={"You don't have enough Exodus tokens"}
  actionText={"Buy tokens"}
  actionHref={"#!"}
/>

Result

Loading...

Props

Prop	Type	Default	Description
actionHref	string (optional)	''	Sets URL for button.
actionText	string (optional)	''	Sets text for button.
closeElem	bool (optional)	false	Allows ToastMessage to be closed by user
colorTheme	enum (optional)	'light'	Sets background and text color. Allowed values: 'light' 'dark'.
icon	string (optional)	''	Sets icon to display
message	string (optional)	'Write update here [Required]'	Sets primary message text
secondaryMessage	string (optional)	''	Sets secondary message text
variant	enum (optional)	'default'	Sets type of ToastMessage to display. Allowed values: 'default' 'success' 'failure' 'processing'.