Skip to contentSkip to navigationSkip to topbar
Paste assistant Assistant
Figma
Star

Avatar

Version 9.1.0GithubStorybook

An Avatar is a graphical representation of a user or entity and an Avatar Group is a collection of Avatars.

Installation

Installation page anchor
yarn add @twilio-paste/avatar - or - yarn add @twilio-paste/core
import {Avatar, AvatarGroup} from '@twilio-paste/core/avatar';

const AvatarExample = () => {
  return (
    <AvatarGroup size="sizeIcon70" variant="user">
      <Avatar name="Aayush Iyer" />
      <Avatar name="Simon Taggart" />
      <Avatar name="Sarah Li" />
      <Avatar name="Shadi Isber" />
    </AvatarGroup>
  );
};

Avatar

Avatar page anchor

name RequiredRequired

Type
string

icon

Type
FC<any>

size

Type
any

src

Type
string