Cinder UI

  <.sidebar_layout id="sidebar-footer-example" full_screen={false}>
  <:sidebar>
    <.sidebar_group label="Workspace">
      <.sidebar_item icon="home" current={true}>Overview</.sidebar_item>
      <.sidebar_item icon="activity">Metrics</.sidebar_item>
    </.sidebar_group>
  </:sidebar>
  <:footer>
    <.sidebar_footer>
      <.sidebar_profile_menu
        id="sidebar-footer-profile"
        name="Levi Buzolic"
        subtitle="levi@example.com"
        avatar_src="example.png"
        avatar_alt="Levi Buzolic"
      >
        <:item icon="user">Account</:item>
        <:item icon="settings">Preferences</:item>
        <:item icon="log-out" separator_before={true}>Log out</:item>
      </.sidebar_profile_menu>
    </.sidebar_footer>
  </:footer>
  <:main><div class="rounded border bg-card p-4 text-sm">Inset</div></:main>
</.sidebar_layout>