Sidebar 17 - Sidebar with icon tabs

Pro

A sidebar with workspace switcher, three icon tabs for files, git branches, and settings, plus a user account footer.

Shadcn Sidebar 17 block

Component data

ID
sidebar17
Access
pro
Created
Jan 25, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Sidebar 17 block design & features

Sidebar17 is a tabbed app rail built with Shadcn UI. The header stacks a workspace switcher above a full-width tab bar with three icon triggers: a file tree, a git branch, and settings. Each tab swaps the body list. Files shows an Explorer of folders and config files. Git shows a Branches list (main, develop, feature and fix names). Settings lists General, Appearance, Editor, and similar rows. A user footer with avatar and account menu stays put.

The tab bar is a segmented, equal-width control sitting under the workspace row. Triggers are icon-only. Body rows use the same compact icon-and-label treatment as the other app sidebars. Surfaces stay in the default sidebar tokens. Only the active tab’s list is visible. The main column still uses a breadcrumb header and muted canvas.

The mood is IDE-adjacent and a bit more tool-like than a page nav. Swapping three complete lists behind icons is a distinctive structure in this group. Complexity is moderate and content-driven: you need three separate item sets, plus workspace and user data.

The tabs remain in the header when the rail collapses. The selected list is the only body content, so the rail never shows all three at once.