Contents

<%= pb_rails("title", props: {size: 4, text: "None"}) %><br/>
<div class="flex-doc-example">
  <%= pb_rails("flex") do %>
    <%= pb_rails("flex/flex_item") do %>1<% end %>
    <%= pb_rails("flex/flex_item") do %>2<% end %>
    <%= pb_rails("flex/flex_item") do %>3<% end %>
    <%= pb_rails("flex/flex_item") do %>4<% end %>
  <% end %>
</div>

  <br/><br/>

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

<div class="flex-doc-example">
  <%= pb_rails("flex", props:{justify: "around" }) do %>
    <%= pb_rails("flex/flex_item") do %>1<% end %>
    <%= pb_rails("flex/flex_item") do %>2<% end %>
    <%= pb_rails("flex/flex_item") do %>3<% end %>
    <%= pb_rails("flex/flex_item") do %>4<% end %>
  <% end %>
</div>

  <br/><br/>

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

<div class="flex-doc-example">
  <%= pb_rails("flex", props:{justify: "evenly" }) do %>
    <%= pb_rails("flex/flex_item") do %>1<% end %>
    <%= pb_rails("flex/flex_item") do %>2<% end %>
    <%= pb_rails("flex/flex_item") do %>3<% end %>
    <%= pb_rails("flex/flex_item") do %>4<% end %>
  <% end %>
</div>

  <br/><br/>

  <%= pb_rails("title", props: {size: 4, text: "Between"}) %><br/>
<div class="flex-doc-example">
  <%= pb_rails("flex", props:{justify: "between" }) do %>
    <%= pb_rails("flex/flex_item") do %>1<% end %>
    <%= pb_rails("flex/flex_item") do %>2<% end %>
    <%= pb_rails("flex/flex_item") do %>3<% end %>
    <%= pb_rails("flex/flex_item") do %>4<% end %>
  <% end %>
</div>

Version data entries

860 entries across 860 versions & 2 rubygems

Version	Path
playbook_ui_docs-13.34.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.34.1	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui_docs-13.34.0.pre.alpha.PLAY14143358	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.34.0.pre.alpha.PLAY14143358	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui_docs-13.34.0.pre.alpha.PLAY14143357	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.34.0.pre.alpha.PLAY14143357	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.34.0	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui_docs-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui_docs-13.33.1.pre.alpha.PLAY14143340	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.33.1.pre.alpha.PLAY14143340	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui_docs-13.33.1.pre.alpha.PLAY14143336	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
playbook_ui-13.33.1.pre.alpha.PLAY14143336	app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb