Sha256: 2876e3aa088835ee2fabb6325445c3b00f5498da739c7c8db87ecef2453b474e
Contents?: true
Size: 1.21 KB
Versions: 1870
Compression:
Stored size: 1.21 KB
Contents
<%= pb_rails("flex", props: {classname: "flex-container", spacing: "between"}) do %>
<span>
<%= pb_rails("button", props: { text: "Click Inside", variant: "secondary", id: "inside-popover-1" }) %>
<%= pb_rails("popover", props: {
close_on_click: "inside",
trigger_element_id: "inside-popover-1",
tooltip_id: "inside-tooltip-1",
position: "bottom",
offset: true
}) do %>
Click on me!
<% end %>
</span>
<span>
<%= pb_rails("button", props: { text: "Click Outside", variant: "secondary", id: "outside-popover-1" }) %>
<%= pb_rails("popover", props: {
close_on_click: "outside",
trigger_element_id: "outside-popover-1",
tooltip_id: "outside-tooltip-1",
position: "left",
offset: true
}) do %>
Click anywhere but me!
<% end %>
</span>
<span>
<%= pb_rails("button", props: {
text: "Click Anywhere",
variant: "secondary",
id: "any-popover-1"
}) %>
<%= pb_rails("popover", props: {
close_on_click: "any",
trigger_element_id: "any-popover-1",
tooltip_id: "any-tooltip-1",
position: "top",
offset: true
}) do %>
Click anything!
<% end %>
</span>
<% end %>
Version data entries
1,870 entries across 1,870 versions & 2 rubygems