Avatar - Keep React

The Avatar component in the Keep React allows you to display user avatars or profile images in a consistent and visually appealing manner.

Table of Contents#

Default Avatar#

When you enable the placeholder option, a default avatar image appears when there's no user image available.

KR

Using User Images#

Display a image using the src prop. Provide the path to the user's image, whether it's a local or remote URL.

Avatar Status#

The avatar's status reflects the user's availability.

Avatar Group#

Display multiple avatars in a group setting. Customize the layout for visually appealing designs.