Sha256: 9e18d7945853895ac4a22ce160b30b9a461fa451d161e16a471ab864cc1f5f7f
Contents?: true
Size: 1.39 KB
Versions: 313
Compression:
Stored size: 1.39 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_selector: "#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_selector: "#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_selector: "#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_selector: "#regular-tooltip-4",
tooltip_id: "tooltip-4",
position: 'left'
}) do %>
Whoa. I'm a tooltip.
<% end %>
<% end %>
<% end %>
Version data entries
313 entries across 313 versions & 1 rubygems