ButtonMarketing

Alpha

View source View storybook

On this page

Arguments
Examples

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

Arguments

Name	Type	Default	Description
`scheme`	`Symbol`	`:default`	One of `:default`, `:outline`, `:primary`, or `:transparent`.
`variant`	`Symbol`	`:default`	One of `:default` and `:large`.
`tag`	`Symbol`	`:button`	One of `:a` and `:button`.
`type`	`Symbol`	`:button`	One of `:button` and `:submit`.
`system_arguments`	`Hash`	N/A	System 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" } %>

Edit this page on GitHub