Skip to content

Latest commit

 

History

History
48 lines (37 loc) · 1.05 KB

README.md

File metadata and controls

48 lines (37 loc) · 1.05 KB
Raw

Footer

Get started

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

Components

Footer

The footer content will display what was passed in the copyright prop.

import React from 'react';
import { Footer } from '@axa-fr/react-toolkit-layout-footer';
const MyFooter => () => (
  <Footer copyright="© 2017-2018 AXA Webcenter" />
)

You can hide icon by setting the boolean isIconHidden to true. By default the icon is shown.

import React from 'react';
import { Footer } from '@axa-fr/react-toolkit-layout-footer';
const MyFooter => () => (
  <Footer copyright="© 2017-2018 AXA Webcenter"  isIconHidden= {true} />
)

FooterCore

This core component displays its children instead of a copyright prop, therefore allowing HTML tags, e.g. :

import React from 'react';
import { FooterCore } from '@axa-fr/react-toolkit-layout-footer';
const MyFooterCore => () => (
  <FooterCore>
    <a href="https://www.axa.fr/">
      @ AXA 2018
    </a>
    <i>Tous droits réservés</i>
  </FooterCore>
)