@axa-fr/react-toolkit-layout-footer

1. Default
2. CoreHTMLChildren

Default

Installation

npm i @axa-fr/react-toolkit-layout-footer

Import

import { Footer } from '@axa-fr/react-toolkit-layout-footer';
import '@axa-fr/react-toolkit-layout-footer/dist/af-footer.css';

Use

const FooterDefault = () => (
  <Footer copyright="© 2021 AXA All right right reserved" isIconHidden={true} />
);
export default FooterDefault;

CoreHTMLChildren

Installation

npm i @axa-fr/react-toolkit-layout-footer
npm i @axa-fr/react-toolkit-core

Import

import {FooterCore} from '@axa-fr/react-toolkit-layout-footer';
import '@axa-fr/react-toolkit-layout-footer/dist/af-footer.css';
import logo from '@axa-fr/react-toolkit-core/dist/assets/logo-axa.svg';

Use

const CoreHtmlChildren = () => (
  <FooterCore icon={logo}>
    <a href="https://www.axa.fr/">
      <strong>@ 2021 AXA</strong>
    </a>
    <i> All right right reserved</i>
  </FooterCore>
);
export default CoreHtmlChildren;