1. Collections Component Guide
  2. Signup link
  3. With custom margin bottom
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)

How to call this example

<%= render "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
} %>