Signup link example

With custom margin bottom

The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the GOV.UK Frontend spacing scale. It defaults to having no margin bottom.

How it looks (preview)

Sign up for email notifications

Click right here to sign up!!

How to call this example

<%= render "govuk_publishing_components/components/signup_link", {
  heading: "Sign up for email notifications",
  link_text: "Click right here to sign up!!",
  link_href: "/this-signs-you-up",
  margin_bottom: 8
} %>