Intro

A navigation bar is intended to aid visitors in accessing information. These sections of the webpage will include links to the most important sections of the site.

Basic

HIDE Code
Props
<Navbar
              transparent={false}
              fixed={false}
              brandName=""
              brandLink="https://front10.com"
              brandLogo="https://front10.com/landing-page-book/images/logo/front10.png"
              expand="md"
              rightItems={[
                  {title: 'Services'},
                  {title: 'Contact'}
              ]}
              leftItems={[
                  {
                      title: 'Google',
                      href: 'https://google.com',
                      target: '_blank',
                      icon: 'fa fa-google'
                  },
                  {
                      title: 'Facebook',
                      href: 'https://facebook.com',
                      target: '_blank',
                      icon: 'fa fa-facebook-official'
                  }
              ]}
          />

Container Mode

EDIT Code
Props

Reverse

EDIT Code
Props

Via children

EDIT Code
Props

With search

EDIT Code
Props

With user avatar

EDIT Code
Props
With ♥ by