Contents

<%= 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 %>

Version data entries

20 entries across 20 versions & 1 rubygems

Version	Path
playbook_ui-4.11.0.pre.alpha3	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.11.0.pre.alpha.pre.2	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.10.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.10.0.pre.alpha1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.9.0.pre.alpha1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.9.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.8.2	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.8.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.7.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.7.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.6.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.6.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.5.2	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.5.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.5.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.4.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.4.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.3.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.3.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-4.2.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb