Section separator is a divider line that compartmentalizes content, typically used on cards or white backgrounds. This should only be used on light backgrounds (with our variable $bg_light
).
<%= pb_rails("section_separator", props: { text: "Title Separator" }) %>
<%= pb_rails("flex", props: {classname: "flex-container", vertical: "stretch"}) do %> <%= pb_rails("body", props: {classname: "flex-item"}) do %> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua <% end %> <%= pb_rails("section_separator", props: { orientation: "vertical" }) %> <%= pb_rails("body", props: {classname: "flex-item"}) do %> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua <% end %> <%= pb_rails("section_separator", props: { orientation: "vertical" }) %> <%= pb_rails("body", props: {classname: "flex-item"}) do %> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua <% end %> <% end %>