Sha256: 85f3aed93e3943466d00754263ce69739d70d320b6749361715f9a7e783519b0
Contents?: true
Size: 1.29 KB
Versions: 1330
Compression:
Stored size: 1.29 KB
Contents
<%= pb_rails("flex", props: { gap: "md", 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
1,330 entries across 1,330 versions & 2 rubygems