<%= pb_rails("flex", props: { gap: "md", justify: "center", wrap: true }) do %> <%= pb_rails("flex/flex_item") do %> Tooltip for truncation only <%= pb_rails("tooltip", props: { trigger_element_selector: "#truncated-tooltip-2", tooltip_id: "truncated-2", position: 'left', truncation_enabled: true }) do %> Tooltip for truncation only <% end %> <% end %> <%= pb_rails("flex/flex_item") do %> Tooltip for truncation only <%= pb_rails("tooltip", props: { trigger_element_selector: "#truncated-tooltip-1", tooltip_id: "truncated-1", position: 'left', truncation_enabled: true }) do %> Tooltip for truncation only <% end %> <% end %> <% end %>