1. Component Guide
  2. Share links
  3. With custom visually hidden text
Share links example

With custom visually hidden text

Use this option to specify a visually hidden text for screenreaders to prepend to the link text.

If omitted, the default text used will be ‘Share on’.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/share_links", {
  links: [
    {
      href: "share",
      text: "Facebook",
      hidden_text: "Download from",
      icon: "facebook"
    }
  ]
} %>