Empty team

Overlapping avatar stack above an empty-state message with an invite button.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/item-24

Files

• registry/patterns/item/item-24.tsx
• src/components/ui/avatar.tsx
• src/components/ui/button.tsx
• src/components/ui/item.tsx
• src/lib/utils.ts
• src/components/ui/separator.tsx

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Avatar Components
• React Avatar Components
• Tailwind CSS Avatar Components
• shadcn/ui Avatar Components
• Avatar Group Components
• React Avatar Group Components
• Tailwind CSS Avatar Group Components
• shadcn/ui Avatar Group Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• shadcn/ui Data Display Components

More from FLX UI

• Basic
• Fallback initials
• Icon fallback
• Sizes
• Colored fallback
• Status badge
• Badge with icon
• With name
• Group
• Group with count
• Group with tooltip
• Loading skeleton