Action link example

Mobile subtext

Lock the subtext beneath the main text, so the component with subtext always appears as it does on mobile.

How it looks (preview)

Try not to panic now The thing that is happening is pretty scary but we'll get through it

How to call this example

<%= render "govuk_publishing_components/components/action_link", {
  text: "Try not to panic now",
  href: "/page",
  subtext: "The thing that is happening is pretty scary but we'll get through it",
  mobile_subtext: true
} %>