<%= pb_rails("flex", props: { gap: "md", justify: "center", wrap: true }) do %> <%= pb_rails("flex/flex_item") do %> This is a truncated tooltip trigger. <%= 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 %> This tooltip trigger is not truncated. <%= 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 %>