Multiple actions and/or links in a alert banner

[cdpestitschek]

I would like to have guidance recommendations for in the context of having multiple links in the alert banner.

Since they are multiple links, and also clarifying whether in the existence of more than one link we will have a distinction between primary and secondary action. In the documentation i just found the case of the nav bar supporting a link.

User statement

As a Flex customer I want to be notified when Flex initialises in degraded mode
So I can expect unexpected Flex behaviours

Image examples

Before
Applying the Paste link format, it seems that it is just 1 action, but there are two different actions

Now
Temporarily it is being presented this way: highlighting the distinction of the two actions

Stage of design: Implemented
Research: Include links to any findings
Links to mockups or prototype: (please allow commenting if possible)
Git: https://issues.corp.twilio.com/browse/FLEXAPP-106

[nkrantz]

Hey @cdpestitschek - the way you're currently displaying the two links in the Alert with a divider between them works, but if you're worried about the way it looks (not enough visual distinction between the two), you can use a Small Button for the "Refresh" action. Both options are good, and feel free to play around with other ways to display these 2 actions in the Alert. The contents of an Alert are composable, so you can use the components you need.

Just a note - in your first screenshot, it looks like the Alert is covering up the very top part of the UI ("Admin dashboard" is cut off on the top). Remember that Alerts should never cover any elements on the page - see the Alert docs for more guidance on this.

Hope this helps, and please let us know if you have more questions!

[shleewhite]

Hi @cdpestitschek Do you have what you need or would you like more assistance with this?

[cdpestitschek]

Not for now @shleewhite. @nkrantz thank you so much for the feedback && clarification.