Avatar

Usage

Basic

Display a user image using FluttyAvatar with a URL and default styling.

FluttyAvatar(
  imageUrl: 'https://example.com/avatar.png',
);

With Border and Radius

Customize the avatar with rounded corners and a border.

FluttyAvatar(
  imageUrl: 'https://example.com/avatar.png',
  radius: RadiusVariant.lg,
  isBordered: true,
);

With Custom Size and Color

Adjust the avatar size and background color for fallback display.

FluttyAvatar(
  imageUrl: 'https://example.com/avatar.png',
  size: SizeVariant.lg,
  color: ColorVariant.warning,
);

Fallback Behavior

If the image fails to load, a person icon is displayed with a background color based on the color prop.

API

FluttyAvatar Props