> For the complete documentation index, see [llms.txt](https://jarvis394.gitbook.io/habra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jarvis394.gitbook.io/habra/structure/routing.md).

# Routing

All routes are described in [config/routes.ts](https://github.com/jarvis394/habra/blob/master/src/config/routes.tsx) file. It contains an array of Routes and a Route follows this structure:

```typescript
interface Route {
  // Path string, ex. /companies/:id
  // To route your component on multiple paths, add them in an array.
  path: string | string[]
  
  // Your component
  component: MemoExoticComponent<() => React.ReactElement> | React.ReactElement
  
  // Title for the window.
  // ex. 'Companies' will be displayed like 'Companies | habra.' in your browser tab
  title?: string
  
  // Should show app bar AND bottom bar on page
  shouldShowAppBar?: boolean
  
  // App bar color
  appBarColor?: (theme: Theme) => string
  
  // [Deprecated] Changes app bar color from theme.palette.background.default to paper
  // on scroll
  shouldAppBarChangeColors?: boolean
  
  // Page alias (slug), camel-cased
  alias: string
}
```