Sha256: 2a68613a3f906c0fd4d83cfe1f257db2bcc727ba66109e63a5fc87b56de3ab34
Contents?: true
Size: 1.03 KB
Versions: 1843
Compression:
Stored size: 1.03 KB
Contents
<%= pb_rails("title", props: {size: 4, text: "Row"}) %>
<br/>
<div class="flex-doc-example">
<%= pb_rails("flex", props:{ gap: "xxs", wrap:true}) do %>
<%40.times do |i|%>
<%= pb_rails("flex/flex_item") do %> <%=i%> <% end %>
<% end %>
<% end %>
</div>
<br/><br/>
<%= pb_rails("title", props: {size: 4, text: "Column Gap"}) %>
<br/>
<div class="flex-doc-example">
<%= pb_rails("flex", props:{ column_gap: "lg"}) 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: "Row Gap"}) %>
<br/>
<div class="flex-doc-example">
<%= pb_rails("flex", props:{ orientation: "column", row_gap: "xl"}) 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
1,843 entries across 1,843 versions & 2 rubygems