SiblingNav

Navigate between previous and next documentation pages.

Usage

SiblingNav and SiblingNavLink display animated links to enhance navigation between documentation pages.

import { Link } from 'gatsby'
import { SiblingNav, SiblingNavLink } from 'smooth-doc/components'

render(
  <SiblingNav>
    <SiblingNavLink type="previous" to="/docs/getting-started/">
      Previous page
    </SiblingNavLink>
    <SiblingNavLink type="next" to="/docs/getting-started/">
      Next page
    </SiblingNavLink>
  </SiblingNav>,
)

import { Link } from 'gatsby'
import { SiblingNav, SiblingNavLink } from 'smooth-doc/components'
render(
  <SiblingNav>
    <SiblingNavLink type="previous" to="/docs/getting-started/">
      Previous page
    </SiblingNavLink>
    <SiblingNavLink type="next" to="/docs/getting-started/">
      Next page
    </SiblingNavLink>
  </SiblingNav>,
)

Edit this page on GitHub