Avatar

The Avatar component from Superset's UI library.

Live Example

Loading component...

Try It

Edit the code below to experiment with the component:

Live Editor

function Demo() {
  return (
    <Avatar
      alt=""
      gap={4}
      shape="circle"
      size="default"
      src=""
    >
      AB
    </Avatar>
  );
}

Result

Loading...

Props

Prop	Type	Default	Description
children	string	"AB"	Text or initials to display inside the avatar.
alt	string	""	-
gap	number	4	Letter spacing inside the avatar.
shape	string	"circle"	The shape of the avatar.
size	string	"default"	The size of the avatar.
src	string	""	Image URL for the avatar. If provided, overrides children.
draggable	boolean	false	-

Import

import { Avatar } from '@superset/components';

---

Improve this page

This documentation is auto-generated from the component's Storybook story. Help improve it by editing the story file.