Version

Footer

Displays a configurable page footer.

A footer consists of three sections, each optional:

  • left
  • center
  • right
Example
<div>
  <div id="footer"></div>
</div>
body {
  margin: 0;
}
import React from 'react';
import {render} from 'react-dom';
import Footer from '@jetbrains/ring-ui/components/footer/footer';

const footer = (
  <Footer
    className="stuff"
    left={[
      [{url: 'http://www.jetbrains.com/teamcity/?fromserver', label: 'TeamCity'}, ' by JetBrains'],
      'Enterprise 8.0.2 EAP (build 27448)'
    ]}
    center={[
      [{copyright: 2000, label: ' JetBrains'}],
      {url: 'https://teamcity.jetbrains.com/showAgreement.html', label: 'License agreement', title: 'read me!', target: '_blank'}
    ]}
    right={[
      {url: 'http://www.jetbrains.com/teamcity/feedback?source=footer&version=8.0.3%20(build%2027531)&build=27531&mode=ent', label: 'Feedback'}
    ]}
  />
);
render(footer, document.getElementById('footer'));