Skip to content
On this page

ButtonMarketing

Alpha
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 and :large.
tagSymbol:buttonOne of :a and :button.
typeSymbol:buttonOne of :button and :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-canvas-inverse">
<%= 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" } %>