<%= pb_rails("table", props: { size: "md" }) do %> Product Colors Column 2 Column 3 Column 4 Column 5 <%= pb_rails("table/table_row", props: { side_highlight_color: "windows" }) do %> Windows Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "siding" }) do %> Siding Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "doors" }) do %> Doors Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "none" }) do %> None Value 2 Value 3 Value 4 Value 5 <% end %> <% end %>
<%= pb_rails("table", props: { size: "md" }) do %> Status Colors Column 2 Column 3 Column 4 Column 5 <%= pb_rails("table/table_row", props: { side_highlight_color: "success" }) do %> Success Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "warning" }) do %> Warning Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "error" }) do %> Error Value 2 Value 3 Value 4 Value 5 <% end %> <%= pb_rails("table/table_row", props: { side_highlight_color: "none" }) do %> None Value 2 Value 3 Value 4 Value 5 <% end %> <% end %>