<% if !local_prop_data.present? %>
<%= pb_rails("title", props: { text: "Available Props", size: 3, margin_bottom: "sm" }) %>
<%= pb_rails("card", props: { padding: "none" }) do %>
<%= pb_rails("card/card_body", props: { padding: "sm" }) do %>
<%= pb_rails("nav", props: { orientation: "horizontal", variant: "subtle" }) do %>
<%= pb_rails("nav/item", props: { text: "Global Props", link: "#", active: true }) %>
<% end %>
<% end %>
<%= pb_rails("section_separator") %>
<%= pb_rails("card/card_body", props: {}) do %>
<%= pb_rails("table", props: {container: false, disable_hover: true }) do %>
| Props |
Type |
Values |
Default |
<% global_prop_data.each do |key, value|%>
|
<%= pb_rails("title", props: { text: key, tag: "h4", size: 4 }) %>
|
<%= pb_rails("card", props: {
classname: "card",
padding: "xxs",
background: "light",
border_none: true,
border_radius: "sm"
}) do %>
<%= pb_rails("body", props: {
classname: "kearning"
}) do %>
<%= value[:type].downcase %>
<% end %>
<% end %>
|
<% if value[:values].present? %>
<% value[:values].each do |item| %>
<% if item != nil %>
<%= pb_rails("card", props: {
flex_direction: "row",
classname: "card",
padding: "xxs",
background: "light",
border_none: true,
border_radius: "sm",
margin: "xxs"
}) do %>
<%= pb_rails("body", props: {
classname: "kearning"
}) do %>
<%= item %>
<% end %>
<% end %>
<% end %>
<% end %>
<% end %>
|
<% if value[:default].present? || value[:default].is_a?(TrueClass) || value[:default].is_a?(FalseClass) %>
<%= pb_rails("card", props: {
classname: "card",
padding: "xxs",
background: "light",
border_none: true,
border_radius: "sm"
}) do %>
<%= pb_rails("body", props: {
classname: "kearning"
}) do %>
<%= value[:default] %>
<% end %>
<% end %>
<% end %>
|
<% end %>
<% end %>
<% end %>
<% end %>
<% else %>
<%= pb_rails("title", props: { text: "Available Props", size: 3, margin_bottom: "sm" }) %>
<%= pb_rails("card", props: { padding: "none" }) do %>
<%= pb_rails("card/card_body", props: { padding: "sm" }) do %>
<%= pb_rails("nav", props: { orientation: "horizontal", variant: "subtle" }) do %>
<% if local_prop_data.present? %>
<%= pb_rails("nav/item", props: { text: "Kit Props", link: "#", active: true, id: "local-button-active", classname: "local-active" }) %>
<% end %>
<% if local_prop_data.present? %>
<%= pb_rails("nav/item", props: { text: "Kit Props", link: "#", id: "local-button", classname: "global-active" }) %>
<% end %>
<%= pb_rails("nav/item", props: { text: "Global Props", link: "#", active: true, id: "global-button-active", classname: "global-active" }) %>
<%= pb_rails("nav/item", props: { text: "Global Props", link: "#", id: "global-button", classname: "local-active" }) %>
<% end %>
<% end %>
<%= pb_rails("section_separator") %>
<%= pb_rails("card/card_body", props: {}) do %>
<%= pb_rails("table", props: {container: false, disable_hover: true, id: "global-prop-table", classname: "global-active"}) do %>
| Props |
Type |
Values |
Default |
<% global_prop_data.each do |key, value|%>
|
<%= pb_rails("title", props: { text: key, tag: "h4", size: 4 }) %>
|
<%= pb_rails("card", props: {
classname: "card",
padding: "xxs",
background: "light",
border_none: true,
border_radius: "sm"
}) do %>
<%= pb_rails("body", props: {
classname: "kearning"
}) do %>
<%= value[:type].downcase %>
<% end %>
<% end %>
|
<% if value[:values].present? %>
<% value[:values].each do |item| %>
<% if item != nil %>
<%= pb_rails("card", props: {
flex_direction: "row",
classname: "card",
padding: "xxs",
background: "light",
border_none: true,
border_radius: "sm",
margin: "xxs"
}) do %>
<%= pb_rails("body", props: {
classname: "kearning"
}) do %>
<%= item %>
<% end %>
<% end %>
<% end %>
<% end %>
<% end %>
|
<% if value[:default].present? || value[:default].is_a?(TrueClass) || value[:default].is_a?(FalseClass) %>
<%= pb_rails("card", props: {
classname: "card",
padding: "xxs",
background: "light",
border_none: true,
border_radius: "sm"
}) do %>
<%= pb_rails("body", props: {
classname: "kearning"
}) do %>
<%= value[:default] %>
<% end %>
<% end %>
<% end %>
|
<% end %>
<% end %>
<%= pb_rails("table", props: {container: false, disable_hover: true, id: "local-prop-table", classname: "local-active"}) do %>
| Props |
Type |
Values |
Default |
<% local_prop_data.each do |key, value|%>
|
<%= pb_rails("title", props: { text: key, tag: "h4", size: 4 }) %>
|
<%= pb_rails("card", props: {
classname: "card",
padding: "xxs",
background: "light",
border_none: true,
border_radius: "sm"
}) do %>
<%= pb_rails("body", props: {
classname: "kearning"
}) do %>
<%= value[:type].downcase %>
<% end %>
<% end %>
|
<% if value[:values].present? %>
<% value[:values].each do |item| %>
<% if item != nil %>
<%= pb_rails("card", props: {
flex_direction: "row",
classname: "card",
padding: "xxs",
background: "light",
border_none: true,
border_radius: "sm",
margin: "xxs"
}) do %>
<%= pb_rails("body", props: {
classname: "kearning"
}) do %>
<%= item %>
<% end %>
<% end %>
<% end %>
<% end %>
<% end %>
|
<% if value[:default].present? || value[:default].is_a?(TrueClass) || value[:default].is_a?(FalseClass) %>
<%= pb_rails("card", props: {
classname: "card",
padding: "xxs",
background: "light",
border_none: true,
border_radius: "sm"
}) do %>
<%= pb_rails("body", props: {
classname: "kearning"
}) do %>
<%= value[:default] %>
<% end %>
<% end %>
<% end %>
|
<% end %>
<% end %>
<% end %>
<% end %>
<% end %>