Anatomy

    <.navigate to="/about">About</.navigate>
<.navigate to={~p"/dashboard"} type="navigate">Dashboard</.navigate>
<.navigate to={~p"/items"} type="patch">Filter</.navigate>
<.navigate to="https://example.com" external>
  External
  <.heroicon name="hero-arrow-top-right-on-square" />
</.navigate>
<.navigate to="/file.pdf" download="report.pdf">
  Download PDF
  <.heroicon name="hero-arrow-down-tray" />
</.navigate>
<.navigate to="/profile" aria_label="View profile">
  <.heroicon name="hero-user" />
</.navigate>

  

    <.navigate to="#" class="link">
  Internal Link
  <span aria-hidden="true"><.heroicon name="hero-arrow-right" class="icon" /></span>
</.navigate>

  

    <.navigate to="#" class="link" aria_label="Internal link icon only">
  <span aria-hidden="true"><.heroicon name="hero-arrow-right" class="icon" /></span>
</.navigate>