Sha256: 0a823b26ab5e0fe6dc099417f789b6787f20aa5dfd3ee546f93c7cbaba76bab8
Contents?: true
Size: 1.03 KB
Versions: 9
Compression:
Stored size: 1.03 KB
Contents
<%= render(Primer::OpenProject::PageHeader.new) do |component| %>
<% component.with_title do %>
Great news
<% end %>
<% component.with_description do %>
This example lists all possible actions of a PageHeader. Of course, you will most likely never need all of them on the same page as it is shown here.
<% end %>
<% component.with_breadcrumbs([{ href: "/foo", text: "Foo" }, { href: "/bar", text: "Bar" }, "Baz"]) %>
<% component.with_action_text { "An additional hint" } %>
<% component.with_action_link(mobile_icon: "link", mobile_label: "Community", href: "https://community.openproject.com", target: "_blank") { "Go to community" } %>
<% component.with_action_button(mobile_icon: "star", mobile_label: "Star") do |button| %>
<% button.with_leading_visual_icon(icon: "star") %>
Star
<% end %>
<% component.with_action_button(mobile_icon: nil, mobile_label: nil) { "Hide on mobile" } %>
<% component.with_action_icon_button(icon: "trash", mobile_icon: "trash", label: "Delete", scheme: :danger) %>
<% end %>
Version data entries
9 entries across 9 versions & 1 rubygems