@ecl/eu-specs-social-media-share/demo/data.js

ECL EU Social Media Share Specs

// Simple content for demo
module.exports = {
  description: 'Share this page',
  links: [
    {
      href: '/example',
      label: 'Twitter',
      className: 'ecl-social-media-share__link--twitter',
      variant: 'standalone',
      iconPosition: 'before',
      icon: [
        {
          shape: 'twitter',
          size: 'xl',
          className: '',
        },
        {
          shape: 'twitter_hover',
          size: 'xl',
          className: 'ecl-social-media-share__icon-hover',
        },
      ],
    },
    {
      href: '/example',
      label: 'Facebook',
      className: 'ecl-social-media-share__link--facebook',
      variant: 'standalone',
      iconPosition: 'before',
      icon: [
        {
          shape: 'facebook',
          size: 'xl',
          className: '',
        },
        {
          shape: 'facebook_hover',
          size: 'xl',
          className: 'ecl-social-media-share__icon-hover',
        },
      ],
    },
    {
      href: '/example',
      label: 'Instagram',
      className: 'ecl-social-media-share__link--instagram',
      variant: 'standalone',
      iconPosition: 'before',
      icon: [
        {
          shape: 'instagram',
          size: 'xl',
          className: '',
        },
        {
          shape: 'instagram_hover',
          size: 'xl',
          className: 'ecl-social-media-share__icon-hover',
        },
      ],
    },
    {
      href: '/example',
      label: 'Linkedin',
      className: 'ecl-social-media-share__link--linkedin',
      variant: 'standalone',
      iconPosition: 'before',
      icon: [
        {
          shape: 'linkedin',
          size: 'xl',
          className: '',
        },
        {
          shape: 'linkedin_hover',
          size: 'xl',
          className: 'ecl-social-media-share__icon-hover',
        },
      ],
    },
    {
      href: '/example',
      label: 'E-mail',
      className: 'ecl-social-media-share__link--email',
      variant: 'standalone',
      iconPosition: 'before',
      icon: [
        {
          shape: 'email',
          size: 'xl',
          className: '',
        },
        {
          shape: 'email_hover',
          size: 'xl',
          className: 'ecl-social-media-share__icon-hover',
        },
      ],
    },
    {
      href: '/example',
      label: 'Other social networks',
      variant: 'standalone',
    },
  ],
};