Avatar with user details and badge

Avatar with user details and badge.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-avatar-16

Files

• registry-reui/bases/radix/components/avatar/c-avatar-16.tsx
• registry-reui/bases/radix/reui/badge.tsx
• registry/bases/radix/ui/avatar.tsx

Source

https://github.com/keenthemes/reui

Categories

• Avatar Components
• React Avatar Components
• Tailwind CSS Avatar Components
• Avatar Group Components
• React Avatar Group Components
• Tailwind CSS Avatar Group Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components

More from ReUI

• Basic avatar
• Basic avatar group
• Avatar group with numerical count
• Avatar group with an icon count
• Avatar with a distinct border ring
• Avatar with light background color fallback
• Avatar with a solid background color fallback
• Avatar with grayscale image filter
• Avatar group with online status on one
• Avatar inside small outline button
• Avatar with fallback
• Avatar social proof with text label