Sha256: 774e80b9ff7e5d25237da4cf664bab37cd18a511477598da8e39bb4d416c9953

Contents?: true

Size: 1.23 KB

Versions: 7

Compression:

Stored size: 1.23 KB

Contents

<div
  aria-live="polite"
  aria-atomic="true"
  class="position-relative"
  style="min-height: 240px"
>
  <%= bs5_toast_container(class: 'position-absolute top-0 end-0') do %>
    <%= bs5_toast do |t| %>
      <%= t.header do %>
        <svg
          class="bd-placeholder-img rounded me-2"
          width="20"
          height="20"
          xmlns="http://www.w3.org/2000/svg"
          aria-hidden="true"
          focusable="false"
        >
          <rect width="100%" height="100%" fill="#007aff"></rect>
        </svg>
        <strong class="me-auto">Bootstrap</strong>
        <small>just now</small>
      <% end %>
      <%= t.body do %>See? Just like this.<% end %>
    <% end %>

    <%= bs5_toast do |t| %>
      <%= t.header do %>
        <svg
          class="bd-placeholder-img rounded me-2"
          width="20"
          height="20"
          xmlns="http://www.w3.org/2000/svg"
          aria-hidden="true"
          focusable="false"
        >
          <rect width="100%" height="100%" fill="#007aff"></rect>
        </svg>
        <strong class="me-auto">Bootstrap</strong>
        <small>2 seconds ago</small>
      <% end %>
      <%= t.body do %>Heads up, toasts will stack automatically<% end %>
    <% end %>
  <% end %>
</div>

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
bs5-0.0.31 app/views/bs5/examples/toasts/placement/snippet1.html.erb
bs5-0.0.30 app/views/bs5/examples/toasts/placement/snippet1.html.erb
bs5-0.0.29 app/views/bs5/examples/toasts/placement/snippet1.html.erb
bs5-0.0.28 app/views/bs5/examples/toasts/placement/snippet1.html.erb
bs5-0.0.27 app/views/bs5/examples/toasts/placement/snippet1.html.erb
bs5-0.0.26 app/views/bs5/examples/toasts/placement/snippet1.html.erb
bs5-0.0.25 app/views/bs5/examples/toasts/placement/snippet1.html.erb