2.9.7






List

Default

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Close
<%= pb_rails("list", props: {ordered: false, dark: false, borderless: false}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Large

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Close
<%= pb_rails("list", props: {ordered: false, dark: false, borderless: false, size: "large"}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Ordered

  1. List Item
  2. List Item
  3. List Item
  4. List Item
  5. List Item

Close
<%= pb_rails("list", props: {ordered: true, dark: false, borderless: false}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Borderless

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Close
<%= pb_rails("list", props: {ordered: false, dark: false, borderless: true}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Horizontal Padding

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Close
<%= pb_rails("list", props: {ordered: false, dark: false, borderless: false, xpadding: true}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Dark Default

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Close
<%= pb_rails("list", props: {ordered: false, dark: true, borderless: false}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Dark Large

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Close
<%= pb_rails("list", props: {ordered: false, dark: true, borderless: false, size: "large"}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Dark Ordered

  1. List Item
  2. List Item
  3. List Item
  4. List Item
  5. List Item

Close
<%= pb_rails("list", props: {ordered: true, dark: true, borderless: false}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Dark Borderless

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Close
<%= pb_rails("list", props: {ordered: false, dark: true, borderless: true}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Dark Horizontal Padding

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Close
<%= pb_rails("list", props: {ordered: false, dark: true, borderless: false, xpadding: true}) do %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<%= pb_rails("list/item") do %> List Item <% end %>
<% end %>
Available Props
id
data
classname
aria
children
borderless
dark
layout
size
ordered
xpadding