Dev Design Library

Sidebar Inset Topbar

The main region's topbar: h-12 with the trigger that hides while the rail peeks and fades back in at its settled spot after a pin.

Sidebar Inset Topbar preview
Library
Fluid Functionalism
Framework
React
Type
block
License
MIT
Install
npx shadcn@latest add @fluid/sidebar-inset-topbar
Files
  • registry/blocks/sidebar-app/inset-topbar.tsx
  • registry/default/lib/utils.ts
  • registry/radix/sidebar.tsx
  • registry/default/sidebar-core.tsx
  • registry/default/sidebar-menu.tsx
  • lib/utils.ts
  • lib/springs.ts
  • lib/font-weight.ts
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism