Creative Tim  |  Docs

Routing System

We've created these dynamic routes, so the DefaultNavbar components would not get too loaded with code. You will find all our demo routes for the DefaultNavbar in src/routes.js

Default Navbar

  • The name key is used for the name of the route on the Navbar
  • The icon key is used for the icon of the route on the Navbar.
  • The collapse key is used for making a collapsible item on the Navbar that contains other routes inside (nested routes), you need to pass the nested routes inside an array as a value for thecollapse key.
  • The route key is used to store the route location which is used for the react router.
  • The href key is used to store the external links location.
  • The component key is used to store the component of its route.
  • The dropdown key is used to define that the item should open a dropdown for its collapse items.
  • The description key is used to define the description of a route under its name
  • The columns key is used to define that how the content should look inside the dropdown menu as columns, you can set the columns amount based on this key.
  • The rowsPerColumn key is used to define that how many rows should be in a column.
Contents