<.dm_simple_appbar id="simple-appbar-single-default" title="MyApp">
  <:logo>
    <span class="text-2xl font-bold">DM</span>
  </:logo>
  <:menu to="#dashboard">Dashboard</:menu>
  <:menu to="#settings">Settings</:menu>
  <:user_profile>
    <span class="text-sm">(^_^)</span>
  </:user_profile>
</.dm_simple_appbar>

<.dm_simple_appbar id="simple-appbar-single-with-active-menu" title="Active Nav">
  <:logo>
    <span class="text-xl font-bold">DM</span>
  </:logo>
  <:menu to="#" active={true}>Dashboard</:menu>
  <:menu to="#">Reports</:menu>
  <:menu to="#">Settings</:menu>
</.dm_simple_appbar>

<.dm_simple_appbar id="simple-appbar-single-minimal" title="Duskmoon UI">
  <:logo>
    <span class="text-xl font-bold">DM</span>
  </:logo>
</.dm_simple_appbar>

<.dm_simple_appbar
  id="simple-appbar-single-with-nav-label"
  title="Accessible App"
  nav_label="Primary application navigation"
  toggle_menu_label="Open navigation menu"
>
  <:logo>
    <span class="text-xl font-bold">DM</span>
  </:logo>
  <:menu to="#">Home</:menu>
  <:menu to="#">About</:menu>
  <:user_profile>
    <button type="button" class="btn btn-sm btn-ghost">Login</button>
  </:user_profile>
</.dm_simple_appbar>