docusaurus/packages/docusaurus-theme-bootstrap/src/theme/DocPaginator/index.js
Fanny b91f02dee2
feat(v2): bootstrap doc paginator (#2734)
* feat(v2): add minor adjustements and footer component

* fix(v2): margin and spacing of footer

* feat(v2): add navbar component

* ádd collapse classname

* feat(v2): add dependencies

* feat(v2): remove unused code

* feat(v2): remove unused links

* feat(v2): add reactstrap components :|

* feat(v2): add brand and other nav componnets

* feat(v2): Add the layout tag

* feat(v2): bootstrap start doc components

* feat(v2: Add syntax highlight

* Ádd Page components

* feat(v2): Bootstrap MDX Componnets

* fix(v2): Fix layout height

* fix(v2): Fix spacings

* feat:(v2): Add the layout in doc content

* feat(v2): Start the pagination

* feat(v2): Finish pagination

* Fix margins in mobile

* feat(v2): Add theme
2020-05-17 22:51:03 +08:00

36 lines
949 B
JavaScript

/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import React from 'react';
import Link from '@docusaurus/Link';
function DocPaginator(props) {
const {previous, next} = props.metadata;
return (
<nav aria-label="Blog list page navigation" className="my-5 p-0">
<ul className="pagination justify-content-between">
<li className="page-item mr-2">
{previous && (
<Link className="page-link" to={previous.permalink}>
&laquo; {previous.title}
</Link>
)}
</li>
<li className="page-item ml-2">
{next && (
<Link className="page-link" to={next.permalink}>
{next.title} &raquo;
</Link>
)}
</li>
</ul>
</nav>
);
}
export default DocPaginator;