Sidebar Workspace Header

block

Workspace brand row for a sidebar header: 20px tile on the rows' leading axis, name pinned to the 32px text axis, trigger cross-fading into the tile's slot while the collapsed rail peeks, and a trigger-width switcher menu on the shared sidebar grid.

pnpm dlx shadcn@latest add "https://www.fluidfunctionalism.com/r/sidebar-workspace-header.json"

Sign In

Sidebar Workspace Header

block

Workspace brand row for a sidebar header: 20px tile on the rows' leading axis, name pinned to the 32px text axis, trigger cross-fading into the tile's slot while the collapsed rail peeks, and a trigger-width switcher menu on the shared sidebar grid.

pnpm dlx shadcn@latest add "https://www.fluidfunctionalism.com/r/sidebar-workspace-header.json"

components/sidebar-app/workspace-header.tsx