Phoenix Storybook

Flash

Renders flash notices.

Read more Read less

Examples

<.flash kind={:info} flash={@flash} />
<.flash kind={:info} phx-mounted={show("#flash")}>Welcome Back!</.flash>
Info message Open in playground 
<div>
  <.button phx-click={show("#flash-single-info")}>
    Trigger flash
  </.button>
  <.flash hidden id="flash-single-info" title="Did you know?" kind={:info}>
    Flash message
  </.flash>
</div>
Error message Open in playground 
<div>
  <.button phx-click={show("#flash-single-error")}>
    Trigger flash
  </.button>
  <.flash hidden id="flash-single-error" title="Oops!" kind={:error}>
    Sorry, it just crashed
  </.flash>
</div>