Displays a configurable page footer.
A footer consists of three sections, each optional:
- left
- center
- right
Displays a configurable page footer.
A footer consists of three sections, each optional:
<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'));