3.0.0






Nav

Close
<%= pb_rails("nav", props: {title: "Title Example", link: "#"}) do %>
  <%= pb_rails("nav/item", props: { text: "Active Nav Item using text prop", link: "#", active: true }) %>
  <%= pb_rails("nav/item", props: { text: "Nav Item using text prop", link: "#" }) %>
  <%= pb_rails("nav/item", props: { text: "Nav Item using text prop", link: "#" }) %>
<% end %>
Close
<%= pb_rails("nav", props: { orientation: "horizontal"}) do %>
  <%= pb_rails("nav/item", props: { text: "Active Nav Item using text prop", link: "#", active: true }) %>
  <%= pb_rails("nav/item", props: { text: "Nav Item using text prop", link: "#" }) %>
  <%= pb_rails("nav/item", props: { text: "Nav Item using text prop", link: "#" }) %>
<% end %>
Close
<%= pb_rails("nav", props: {title: "Title Example", link: "#"}) do %>
  <%= pb_rails("nav/item", props: { link: "#", active: true }) do%>Active Nav Item using block<% end %>
  <%= pb_rails("nav/item", props: { link: "#" }) do%>Nav Item using block<% end %>
  <%= pb_rails("nav/item", props: { link: "#" }) do%>Nav Item using block<% end %>
<% end %>
Close
<%= pb_rails("nav") do %>
  <%= pb_rails("nav/item", props: { link: "#", active: true }) do%>Active Nav Item using block<% end %>
  <%= pb_rails("nav/item", props: { link: "#" }) do%>Nav Item using block<% end %>
  <%= pb_rails("nav/item", props: { link: "#" }) do%>Nav Item using block<% end %>
<% end %>
Available Props
id
data
classname
aria
children
link
title
orientation