Inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen. They shouldn’t interrupt the user experience, and they don’t require user input to disappear.
<SpacedGroup direction="vertical">
<Toast
variant="error"
message="The message service has stopped working"
action={<IconButton icon={CloseIcon} title="dismiss" />}
/>
<Toast
variant="warning"
message="This page may be stale"
action={<Button>Refresh}
/>
<Toast
variant="info"
message="365 messages deleted"
action={<Button>Learn More</Button>}
/>
<Toast
variant="success"
message="Pipeline 1234 was successful"
action={null}
/>
</SpacedGroup>
</Playground>