InitialsAvatar

Renders a circular avatar with the user's initials derived from their first and last name. Supports custom size and background color.

Basic Usage

Demo

U

U

U

U

<InitialsAvatar
  first-name="Alice"
  last-name="Johnson"
/>

Props

Props

Prop	Type	Default	Description
firstNamerequired	string	—	First name of the user. First character used as initials.
lastNamerequired	string	—	Last name of the user. First character used as initials.