Dev Design Library

Sidebar User Footer

Footer identity row: a 20px avatar centred on the rows' leading icon axis, chevron on the trailing action axis, and an upward user menu on the shared sidebar grid so its rows align with the trigger exactly.

Sidebar User Footer preview
Library
Fluid Functionalism
Framework
React
Type
block
License
MIT
Install
npx shadcn@latest add @fluid/sidebar-user-footer
Files
  • registry/blocks/sidebar-user-footer.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
  • registry/default/lib/icon-context.tsx
  • registry/default/lib/sidebar-menu-grid.ts
  • registry/radix/sidebar.tsx
  • registry/default/sidebar-core.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism