@axa-fr/react-toolkit-layout-footer
v3.0.2
Published
1. [Default](#default) 2. [CoreHTMLChildren](#corehtmlchildren)
Downloads
442
Maintainers
Keywords
Readme
@axa-fr/react-toolkit-layout-footer
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;