Contents

<div class="flex-doc-example">

  <%= pb_rails("title", props: {size: 4, text: "None"}) %><br/>

  <%= pb_rails("flex", props: {classname: "flex-container"}) do %>
    <%= pb_rails("flex/flex_item") do %>1<% end %>
    <%= pb_rails("flex/flex_item") do %>2<% end %>
  <% end %>

  <br/><br/>

  <%= pb_rails("title", props: {size: 4, text: "Around"}) %><br/>

  <%= pb_rails("flex", props: {classname: "flex-container", spacing: "around"}) do %>
    <%= pb_rails("flex/flex_item") do %>1<% end %>
    <%= pb_rails("flex/flex_item") do %>2<% end %>
  <% end %>

  <br/><br/>

  <%= pb_rails("title", props: {size: 4, text: "Evenly"}) %><br/>

  <%= pb_rails("flex", props: {classname: "flex-container", spacing: "evenly"}) do %>
    <%= pb_rails("flex/flex_item") do %>1<% end %>
    <%= pb_rails("flex/flex_item") do %>2<% end %>
  <% end %>

  <br/><br/>

  <%= pb_rails("title", props: {size: 4, text: "Between"}) %><br/>

  <%= pb_rails("flex", props: {classname: "flex-container", spacing: "between"}) do %>
    <%= pb_rails("flex/flex_item") do %>1<% end %>
    <%= pb_rails("flex/flex_item") do %>2<% end %>
  <% end %>

</div>

Version data entries

163 entries across 163 versions & 1 rubygems

Version	Path
playbook_ui-7.14.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.13.0.pre.alpha1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.13.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.12.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.12.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.11.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.11.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.11.0.pre.alpha1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.10.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.9.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.8.4	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.8.3	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.8.2	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.8.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.8.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.7.0.pre.alpha1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.7.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.6.2.pre.alpha1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.6.2	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-7.6.1.pre.alpha1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb