Sha256: 0682638263e13a468d2ee344eeffada775d02a26b7c85856d52076e7ce1451ae
Contents?: true
Size: 1.36 KB
Versions: 25
Compression:
Stored size: 1.36 KB
Contents
<%= pb_rails("flex", props: { horizontal: "center", orientation: "column" }) do %>
<%= pb_rails("flex/flex_item") do %>
<span id='regular-tooltip-1'>Hover here (Top)</span>
<%= pb_rails("tooltip", props: {
trigger_element_id: "regular-tooltip-1",
tooltip_id: "tooltip-1",
position: 'top'
}) do %>
Whoa. I'm a tooltip.
<% end %>
<% end %>
<%= pb_rails("flex/flex_item", props: {margin_top: "md"}) do %>
<span id='regular-tooltip-2'>Hover here (Bottom)</span>
<%= pb_rails("tooltip", props: {
trigger_element_id: "regular-tooltip-2",
tooltip_id: "tooltip-2",
position: 'bottom'
}) do %>
Whoa. I'm a tooltip.
<% end %>
<% end %>
<%= pb_rails("flex/flex_item", props: {margin_top: "md"}) do %>
<span id='regular-tooltip-3'>Hover here (Right)</span>
<%= pb_rails("tooltip", props: {
trigger_element_id: "regular-tooltip-3",
tooltip_id: "tooltip-3",
position: 'right'
}) do %>
Whoa. I'm a tooltip.
<% end %>
<% end %>
<%= pb_rails("flex/flex_item", props: {margin_top: "md"}) do %>
<span id='regular-tooltip-4'>Hover here (Left)</span>
<%= pb_rails("tooltip", props: {
trigger_element_id: "regular-tooltip-4",
tooltip_id: "tooltip-4",
position: 'left'
}) do %>
Whoa. I'm a tooltip.
<% end %>
<% end %>
<% end %>
Version data entries
25 entries across 25 versions & 1 rubygems