Sha256: 7fea08f4bfbfc97165524051bedd3bcbd9f67dd270c6dfd549a3be1535cc5386
Contents?: true
Size: 1.31 KB
Versions: 372
Compression:
Stored size: 1.31 KB
Contents
<%= pb_rails("flex", props: { gap: "md", justify: "center", wrap: true }) 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") 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") 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") 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
372 entries across 372 versions & 2 rubygems