Button example

Start now button with info text and margin bottom

When the component requires margin bottom and has info text, the margin is applied to the info text.

How it looks (preview)

Sometimes you want to explain where a user is going to and have a margin bottom

How to call this example

<%= render "govuk_publishing_components/components/button", {
  text: "Start now",
  href: "#",
  start: true,
  info_text: "Sometimes you want to explain where a user is going to and have a margin bottom",
  margin_bottom: 6
} %>