examples/doc/src/components/SiteSidebar.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

---
import { sidebar } from '../config.ts';
---

<nav>
  <ul class="nav-groups">
    {sidebar.map(category => (
      <li>
        <div class="nav-group">
          <h4 class="nav-group-title">{category.text}</h4>
          <ul>
            {category.children.map(child => (
              <li class="nav-link"><a href={child.link}>{child.text}</a></li>
            ))}
          </ul>
        </div>
      </li>
    ))}
  </ul>
</nav>