bloomBUILD•SHIP•BLOOM
Data Display & AIAvatar
.md

Avatar

BloomAvatar

An image element with a fallback monogram for representing the user with 24/32/40px sizes and AvatarGroup.

bloom ui add avatar
package: bloom_ui
bloom-uiBloomAvatar
Sophia Davis
Alex Rivera
Elena Rostova
SD
Contributor 1Contributor 2Contributor 3Contributor 4
+12
Bloom AvatarGroup

Usage

BloomAvatar.dart
dart
BloomAvatar(
  image: const NetworkImage(
    'https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=120&h=120&q=80',
  ),
  name: 'Sophia Davis',
  size: BloomAvatarSize.lg,
  badge: const BloomAvatarBadge(
    color: Colors.green,
  ),
)
Previous Component
Dropdown Menu
Next Component
Badge & Chip