ComponentsBasicAvatar

Avatar

Circular or rounded user photos with fallback initials.

What it does

  • Core capability of the Avatar component
  • Second key feature of this component
  • Third key feature that makes it useful in real apps

Add it in the builder

  1. Open a screen and tap Add component → Core UI → Avatar.
  2. Configure the basic properties using the right-hand panel.
  3. Adjust styling - colors, spacing, and typography.
  4. Preview on your device to see it in action.

Configuration options

  • Property 1 - description of this property.
  • Property 2 - description of this property.
  • Property 3 - description of this property.
  • Property 4 - description of this property.

Example use

  • Example scenario where Avatar works great.
  • Another common use case for this component.
  • A creative way to combine it with other components.

Tips and limitations

  • Helpful tip for getting the most out of Avatar.
  • Known limitation or edge case to watch for.
  • Performance note or best practice.