up.radio [up-flashes]
HTML selector

This feature is experimental. Please share your experiences so we know what to keep or change.

Use an [up-flashes] element to show confirmations, alerts or warnings.

A confirmation flash, an error flash and a warning flash

You application layout should have an empty [up-flashes] element to indicate where flash messages should be inserted:

<nav>
  Navigation items ...
</nav>
<div up-flashes></div> <!-- mark-line -->
<main>
  Main page content ...
</main>

To render a flash message, include an [up-flashes] element in your response. The element's content should be the messages you want to render:

<div up-flashes>
  <strong>User was updated!</strong>
</div>

<main>
  Main response content ...
</main>

See notification flashes for more details and examples.

Modifying attributes

[up-transition] optional

The name of a transition to morph between the old and new notification flashes.

[up-duration] optional

The duration of the transition (in millisconds).

[up-easing] optional

The timing function that accelerates the transition.

See MDN documentation for a list of available timing functions.