Avatar

Avatar is a component that displays a user's profile picture or initials. It can be customized with props like size, shape, background color, and image source. If no image source is provided, it will display the user's initials. This component is typically used in user profile pages, comment sections, or messaging applications.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/Avatar/Avatar.tsx
• src/Avatar/index.ts
• src/Avatar/stable.ts
• src/Avatar/style.ts
• src/Avatar/type.ts
• src/Avatar/utils.ts
• src/Avatar/AvatarGroup/index.tsx
• src/Avatar/AvatarGroup/style.ts

Source

https://github.com/lobehub/lobe-ui

Categories

• Avatar Components
• React Avatar Components
• Data Display Components
• React Data Display Components

More from Lobe UI

• Agent Avatar
• Group Avatar
• Base Ui Avatar
• Accordion
• Action Icon
• Action Icon Group
• Alert
• Anchor
• Auto Complete
• Badge
• Block
• Breadcrumb