Contents

<%= pb_rails("title", props: {size: 4, text: "Grow"}) %>
<br/>
<div class="flex-doc-example">
  <%= pb_rails("flex",props: { gap:"sm" }) do %>
    <%= pb_rails("flex/flex_item", props: { grow: true }) do %>I'm growing<% end %>
    <%= pb_rails("flex/flex_item") do %>1<% end %>
    <%= pb_rails("flex/flex_item") do %>2<% end %>
    <%= pb_rails("flex/flex_item") do %>3<% end %>
  <% end %>
</div>

<br/><br/>

<%= pb_rails("title", props: {size: 4, text: "Shrink"}) %>
<br/>
<div class="flex-doc-example">
  <%= pb_rails("flex", props: { gap: "sm"}) do %>
    <%= pb_rails("flex/flex_item", props: {shrink: true}) do %> I'm shrinking<% end %>
    <%= pb_rails("flex/flex_item", props: {flex: "1"}) do %>1<% end %>
    <%= pb_rails("flex/flex_item", props: {flex: "1"}) do %>2<% end %>
    <%= pb_rails("flex/flex_item", props: {flex: "1"}) do %>3<% end %>
  <% end %>
</div>

<br/><br/>

<%= pb_rails("title", props: {size: 4, text: "Fixed Size"}) %>
<br/>
<div class="flex-doc-example">
  <%= pb_rails("flex", props: { gap: "sm"}) do %>
    <%= pb_rails("flex/flex_item", props: {fixed_size: "250px"}) do %> I'm 250px<% end %>
    <%= pb_rails("flex/flex_item", props: {flex: "1"}) do %>1<% end %>
    <%= pb_rails("flex/flex_item", props: {flex: "1"}) do %>2<% end %>
    <%= pb_rails("flex/flex_item", props: {flex: "1"}) do %>3<% end %>
  <% end %>
</div>

<br/><br/>

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

Version data entries

121 entries across 121 versions & 1 rubygems

Version	Path
playbook_ui-9.6.0	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.5.0.alpha.rs.downgrade	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.5.0	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.4.0.alpha.sisense	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.4.0.alpha.user.kit.bug	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.4.0	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.3.1.pre.alpha2	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.4.0.pre.alpha2	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.4.0.pre.alpha1	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.3.1.pre.alpha1	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.3.0.alpha.inline3	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.3.0.pre.alpha.password.strength.2	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.3.0.alpha.inline2	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.3.0.alpha.inline1	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.3.0.pre.alpha.password.strength.1	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.3.0	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.2.2.pre.alpha.margin	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.2.2	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.2.1	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
playbook_ui-9.2.0	app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb