Skip to main content

ToastMessage Provider

ToastMessage.Provider wraps a ToastMessage, providing the ability to programatically show and hide the ToastMessage.

Usage Example#

<ToastMessage.Provider ref={node => (window.toastProvider = node)} /><Button    mb={3}    onClick={e =>      window.toastProvider.addMessage("Processing transaction...", {        secondaryMessage: "Checking progress on Algo Explorer",        actionHref:          "https://algoexplorer.io/",        actionText: "Check",        variant: "processing"      })    }>Transaction Progress  </Button>