Skip to main content
Give us your valuable feedback

It will help us understand how we can serve you better

Give feedback

Components

Avatar

A graphical representation of an object or entity

banner-Avatar
Component Status Details

Status component contains a list of checks and completeness that has been tested and owned by each component

check-list-icon We don't use color as the only visual tool to convey information.
check-list-icon The component’s structure and properties include relevant options such as variant, style, size, orientation, optional iconography, decorations, selection, error state, etc.check-list-icon The title is the component name that uses the frame base component template.check-list-icon The base component name contains: .Base & "Component Name" if there is more than one.check-list-icon All component properties use the Legion foundation.
check-list-icon We can change all the parts that are connected to the component base.check-list-icon The inside of the base component remains connected to the master component.check-list-icon All variant options are not damaged when we change from one to another.check-list-icon Overriding changes to components will not reset other variants.
check-list-icon Component's already has component specs documentation.

Status

Resources

Upcoming

An avatar is a graphical representation of an object or entity, such as a person or organization. Avatar will display a fallback color while loading.

Legion Avatar Android Compose

Usage

To implement Avatar, you can follow the this code.

<Avatar
fallbackColor="red"
src="https://i.pravatar.cc/150?img=70"
size={4} />

Attributes

Attribute NameTypeDescription
fallbackColorcolorThe color to display while the image is loading
sizenumberThe size of the avatar
srcstringThe source of the image to display