On this page

ButtonMarketing

Use button marketing for actions (e.g. in forms).
  • Alpha
  • Not reviewed for accessibility
On this page

Use ButtonMarketing for actions (e.g. in forms). Use links for destinations, or moving from one page to another.

Arguments

NameTypeDefaultDescription
schemeSymbol:defaultOne of :default, :outline, :primary, or :transparent.
variantSymbol:defaultOne of :default or :large.
tagSymbol:buttonOne of :a or :button.
typeSymbol:buttonOne of :button or :submit.
system_argumentsHashN/ASystem arguments

Examples

Schemes

<%= render(Primer::Alpha::ButtonMarketing.new(mr: 2)) { "Default" } %>
<%= render(Primer::Alpha::ButtonMarketing.new(scheme: :primary, mr: 2)) { "Primary" } %>
<%= render(Primer::Alpha::ButtonMarketing.new(scheme: :outline)) { "Outline" } %>
<div class="color-bg-emphasis">
<%= render(Primer::Alpha::ButtonMarketing.new(scheme: :transparent)) { "Transparent" } %>
</div>

Sizes

<%= render(Primer::Alpha::ButtonMarketing.new(mr: 2)) { "Default" } %>
<%= render(Primer::Alpha::ButtonMarketing.new(variant: :large)) { "Large" } %>