2.9.7






Layout

Extra Small

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "xs", collapse: "sm"}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Small

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "sm", collapse: "sm"}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Medium

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "md", collapse: "sm"}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Large

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "lg", collapse: "sm"}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Extra Large

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "xl", collapse: "sm"}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Extra Small Dark

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "xs", collapse: "sm", dark: true}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Small Dark

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "sm", collapse: "sm", dark: true}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Medium Dark

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "md", collapse: "sm", dark: true}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Large Dark

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "lg", collapse: "sm", dark: true}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Extra Large Dark

Side
Body

Close
<%= pb_rails("layout", props: {position: "left", transparent: false, size: "xl", collapse: "sm", dark: true}) do %>
  <%= pb_rails("layout/sidebar") do %> Side <% end %>
  <%= pb_rails("layout/body") do %> Body <% end %>
<% end %>
Available Props
id
data
classname
aria
children
collapse
dark
full
position
transparent
size