Share links example

With square icons and flexbox

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/share_links", {
  square_icons: true,
  flexbox: true,
  links: [
    {
      href: "/twitter-share-link",
      text: "Twitter",
      icon: "twitter"
    },
    {
      href: "/instagram-share-link",
      text: "Instagram",
      icon: "instagram"
    },
    {
      href: "/flickr-share-link",
      text: "Flickr",
      icon: "flickr"
    },
    {
      href: "/facebook-share-link",
      text: "Facebook",
      icon: "facebook"
    },
    {
      href: "/youtube-share-link",
      text: "YouTube",
      icon: "youtube"
    },
    {
      href: "/other-share-link",
      text: "Anything else that might be included that could have quite a long name",
      icon: "other"
    }
  ]
} %>