FooterSocialLink

FooterSocialLink is a sub-component of the Footer organism, it is used to display a social media link.

Basic Usage


import { FooterSocialLink } from '@octopus-energy/coral/organisms';
import { IconFacebook } from '@octopus-energy/icons';
 
<FooterSocialLink
    href="#!"
    icon={<IconFacebook size={44} />}
    label="Facebook"
/>

Event Handlers


<FooterSocialLink
    href="#!"
    icon={<IconFacebook size={44} />}
    label="Facebook"
    onClick={() => console.log('SocialLink clicked!')}
/>

Full API

Name	Type	Default
`href`	`string` Link URL.
`icon`	`React.ReactNode` Link to the icon image, pass a React component from `@octopus-energy/icons`, or your chosen icon library.
`label`	`string` Used for both the image alt and the aria-label.
`onClick`	`VoidFunction` Optional function to use onClick, does not override anchor behaviour.