Sha256: ab761ffafb81df5ba83a270d5e1b46f94f83dfcb632464e18322cc7204e5af3e
Contents?: true
Size: 764 Bytes
Versions: 18
Compression:
Stored size: 764 Bytes
Contents
<div style="position:sticky;top:0;" class="color-bg-accent">
<%= render(Primer::Alpha::Overlay.new(title: "Dialog", role: :dialog, size: :large, padding: :condensed)) do |d| %>
<% d.with_header(title: "Large Dialog Header", divider: true) do |header| %>
<% header.with_filter do %>
<%= render Primer::Alpha::TextField.new(
autofocus: true,
visually_hide_label:
true,
name: "filter",
label: "Filter Overlay"
) %>
<% end %>
<% end %>
<% d.with_show_button { "Show Overlay" } %>
<% d.with_footer { "Large Dialog Footer" } %>
<% d.with_body { "This is a long body for the overlay dialog. <br>".html_safe * 20 } %>
<% end %>
</div>
<div style="height:3000px;"></div>
Version data entries
18 entries across 18 versions & 2 rubygems