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