Contents

<%= pb_rails("flex", props: { gap: "md", justify: "center", wrap: true }) do %>
  <%= pb_rails("flex/flex_item") do %>
    <span id='truncated-tooltip-2' style="
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100px;
    ">This is a truncated tooltip trigger.</span>
    <%= pb_rails("tooltip", props: {
      trigger_element_selector: "#truncated-tooltip-2",
      tooltip_id: "truncated-2",
      position: 'left',
      truncatable: true
    }) do %>
        This is a truncated tooltip trigger.
    <% end %>
  <% end %>
  <%= pb_rails("flex/flex_item") do %>
    <span id='truncated-tooltip-1'>This tooltip trigger is not truncated.</span>
    <%= pb_rails("tooltip", props: {
      trigger_element_selector: "#truncated-tooltip-1",
      tooltip_id: "truncated-1",
      position: 'left',
      truncatable: true
    }) do %>
        This tooltip trigger is not truncated.
    <% end %>
  <% end %>
  
<% end %>

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
playbook_ui_docs-13.10.0.pre.alpha.play10561409	app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.html.erb
playbook_ui-13.10.0.pre.alpha.play10561409	app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.html.erb