Skip to content

Instantly share code, notes, and snippets.

Last active May 15, 2019 01:30
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
Gatsby Agency Portfolio Header Navigation Component
import { Link } from "gatsby"
import PropTypes from "prop-types"
import React from "react"
import { Navbar, Nav } from "rsuite"
const Header = ({ siteTitle }) => (
<Navbar style={{
width: '100vw',
position: 'fixed',
<Link to="/">
<Nav.Item componentClass={Link} to="/#work">
<Nav.Item componentClass={Link} to="/#projects">
<Nav.Item componentClass={Link} to="/#about">
<Nav.Item componentClass={Link} to="/#contact">
Header.propTypes = {
siteTitle: PropTypes.string,
Header.defaultProps = {
siteTitle: ``,
export default Header
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment