Dev Design Library

In dropdown menu

Compact user avatar and email placed at the top of a dropdown menu.

In dropdown menu preview
Library
FLX UI
Framework
React
Type
block
License
AGPL-3.0
Install
pnpm dlx shadcn@latest add @flx/item-20
Files
  • registry/patterns/item/item-20.tsx
  • src/components/ui/avatar.tsx
  • src/components/ui/button.tsx
  • src/components/ui/dropdown-menu.tsx
  • src/components/ui/item.tsx
  • src/lib/utils.ts
  • src/components/ui/separator.tsx
Source
https://github.com/felipemenezes098/ui-flx

Categories

More from FLX UI