# 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&#x26;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&#x26;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>
```