Skip to content

ButtonMarketing

Table of contents
Table of contents

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

Examples

Schemes

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

Sizes

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

Arguments

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