> For the complete documentation index, see [llms.txt](https://docs.fastphoenix.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fastphoenix.pro/components/sidebar.md).

# Sidebar

<figure><img src="https://980199225-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaqIXcNNMMhbY6L81gztB%2Fuploads%2F1gguvCnPwe55kY68e6x5%2Fsidebar.png?alt=media&amp;token=b63ffffe-d110-44d9-884e-247326432870" alt=""><figcaption></figcaption></figure>

<figure><img src="https://980199225-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaqIXcNNMMhbY6L81gztB%2Fuploads%2Fqyj4UpJFOctCVlpy0AhZ%2Fmobile-sidebar.png?alt=media&amp;token=17e450a7-30fd-4a40-8fa9-4cc274f06ff3" alt=""><figcaption></figcaption></figure>

```html
<.auth_navbar
  socket={@socket}
  :if={
    @current_user &&
      @socket.view in PhxSaasWeb.admin_routes()
  }
  current_user={@current_user}
  active_tab={@active_tab}
  inner_content={@inner_content}
>
  <:link title="Users" patch={~p"/admin"}>
    <div class="hero-user h-6 w-6"></div>
  </:link>
  <:link title="Emailing" patch={~p"/admin/emails"}>
    <div class="hero-envelope h-6 w-6"></div>
  </:link>
  <:link title="Email Templates" patch={~p"/admin/templates"}>
    <div class="hero-pencil-square h-6 w-6"></div>
  </:link>
  <:link title="Default Templates" patch={~p"/admin/preview/templates"}>
    <div class="hero-inbox-stack h-6 w-6"></div>
  </:link>
  <:link title="Telemetry" patch={~p"/admin/telemetry"}>
    <div class="hero-chart-pie h-6 w-6"></div>
  </:link>
</.auth_navbar>
```