Use the Subhead component for page headings.
<%= render(Primer::SubheadComponent.new) do |component| %>
<% component.slot(:heading) do %>
My Heading
<% end %>
<% component.slot(:description) do %>
My Description
<% end %>
<% end %>
<%= render(Primer::SubheadComponent.new(hide_border: true)) do |component| %>
<% component.slot(:heading) do %>
My Heading
<% end %>
<% component.slot(:description) do %>
My Description
<% end %>
<% end %>
<%= render(Primer::SubheadComponent.new) do |component| %>
<% component.slot(:heading) do %>
My Heading
<% end %>
<% component.slot(:description) do %>
My Description
<% end %>
<% component.slot(:actions) do %>
<%= render(
Primer::ButtonComponent.new(
tag: :a, href: "http://www.google.com", button_type: :danger
)
) { "Action" } %>
<% end %>
<% end %>