Skip to content

feat(theme-ui): render icons on sidebar group headers #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nc9 merged 2 commits into from
Jul 20, 2026
Merged

feat(theme-ui): render icons on sidebar group headers #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4812a74
feat(theme-ui): render icons on sidebar group headers
Jul 19, 2026
61389f1
docs(changelog): add v0.2.4 entry (sidebar group icons)
Jul 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions docs/changelog.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,19 @@ description: Release notes for Tangly.

Notable changes per release. Each entry is authored as an [`<Update>`](/reference/components/callouts#update) block, the same component you can use in your own docs.

<Update label="v0.2.4" description="20 Jul 26" tags={["feat"]}>
## Highlights

Sidebar group and section headers now render their icon.

- **Group icons show up.** A nav group can carry an `icon` in `docs.json`, and the manifest already attached it to the group's sidebar item, but the theme dropped it and rendered a bare title. Both the top-level and nested group headers now render the icon (same `<Icon>` and spacing as leaf pages and tabs). Groups without an icon are unchanged. ([#13](https://github.com/tanglydocs/tangly/pull/13))

## Changes

### Features
- feat(theme-ui): render icons on sidebar group headers ([#13](https://github.com/tanglydocs/tangly/pull/13))
</Update>

<Update label="v0.2.3" description="17 Jul 26" tags={["fix"]}>
## Highlights

Expand Down
10 changes: 6 additions & 4 deletions packages/theme-ui/src/Sidebar.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,9 @@ const isRoot = _depth === 0;
<li>
{item.isGroup ? (
<div>
<div class="px-2 pt-1 pb-2 text-[13px] font-semibold text-[var(--tangly-color-fg)]">
{item.title}
<div class="flex items-center gap-2.5 px-2 pt-1 pb-2 text-[13px] font-semibold text-[var(--tangly-color-fg)]">
{item.icon ? <Icon icon={item.icon} size={15} /> : null}
<span class="flex-1 truncate">{item.title}</span>
</div>
<ul class="space-y-0.5">
<Astro.self items={item.children ?? []} currentSlug={currentSlug} config={config} _depth={_depth + 1} />
Expand Down Expand Up @@ -64,8 +65,9 @@ const isRoot = _depth === 0;
<li>
{item.isGroup ? (
<div class="pt-4">
<div class="px-2 pb-1 text-[12px] font-semibold text-[var(--tangly-color-fg)]">
{item.title}
<div class="flex items-center gap-2.5 px-2 pb-1 text-[12px] font-semibold text-[var(--tangly-color-fg)]">
{item.icon ? <Icon icon={item.icon} size={15} /> : null}
<span class="flex-1 truncate">{item.title}</span>
</div>
<ul class="space-y-0.5">
<Astro.self items={item.children ?? []} currentSlug={currentSlug} config={config} _depth={_depth + 1} />
Expand Down
Loading