ReactJS NavBar demo. NavBar is a simple widget which arranges html elements horizontally or vertically.
NavBar with 2 Items. Each item is with 50% width.
  • 1
  • 2

NavBar with 3 Items. Each item is with 33.33% width.
  • 1
  • 2
  • 3

NavBar with 4 Items. Each item is with 25% width.
  • 1
  • 2
  • 3
  • 4

NavBar with 5 Items. Each item is with 20% width.
  • 1
  • 2
  • 3
  • 4
  • 5

NavBar with more than 5 Items. Items are displayed in 2 columns and each item is with 50% width.
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

NavBar with 'columns' set to ['30%', '50%', '20%'].
  • 1
  • 2
  • 3