2.3.0 • Published 9 months ago

@chakra-ui/avatar v2.3.0

Weekly downloads
61,178
License
MIT
Repository
github
Last release
9 months ago

@chakra-ui/avatar

The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.

Installation

yarn add @chakra-ui/avatar

# or

npm i @chakra-ui/avatar

Import components

import { Avatar, AvatarGroup } from "@chakra-ui/avatar"

Basic Usage

Simply import the Avatar component and pass it the image src and name of the user in the avatar.

<Avatar src="john-doe.png" name="John doe" />

Stack Avatars in a group by using the AvatarGroup component

<AvatarGroup size="md" max={2}>
  <Avatar name="Ryan Florence" src="https://bit.ly/ryan-florence" />
  <Avatar name="Segun Adebayo" src="https://bit.ly/sage-adebayo" />
  <Avatar name="Kent Dodds" src="https://bit.ly/kent-c-dodds" />
  <Avatar name="Prosper Otemuyiwa" src="https://bit.ly/prosper-baba" />
  <Avatar name="Christian Nwamba" src="https://bit.ly/code-beast" />
</AvatarGroup>
2.3.0

9 months ago

2.2.11

11 months ago

2.2.10

12 months ago

2.2.9

1 year ago

2.2.7

1 year ago

2.2.6

1 year ago

2.2.8

1 year ago

2.2.5

1 year ago

2.2.3

1 year ago

2.2.4

1 year ago

2.2.1

1 year ago

2.2.0

2 years ago

2.2.2

1 year ago

2.1.1

2 years ago

2.0.10

2 years ago

2.1.0

2 years ago

2.0.3

2 years ago

2.0.2

2 years ago

2.0.5

2 years ago

2.0.4

2 years ago

2.0.7

2 years ago

2.0.6

2 years ago

2.0.9

2 years ago

2.0.8

2 years ago

2.0.0-next.2

2 years ago

2.0.0-next.3

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.3.10

2 years ago

2.0.0-next.0

2 years ago

1.3.11

2 years ago

2.0.0-next.1

2 years ago

1.3.9

2 years ago

1.3.7

2 years ago

1.3.6

2 years ago

1.3.5

2 years ago

1.3.4

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.8

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.12

2 years ago

1.2.11

3 years ago

1.2.10

3 years ago

1.2.9

3 years ago

1.2.8-next.0

3 years ago

1.2.8

3 years ago

1.2.7

3 years ago

1.2.6

3 years ago

1.2.5

3 years ago

1.2.4

3 years ago

1.2.3

3 years ago

1.2.2

3 years ago

1.2.1

3 years ago

1.2.0

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

1.1.0

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

1.0.0-rc.8

3 years ago

1.0.0-rc.7

4 years ago

1.0.0-rc.6

4 years ago

1.0.0-rc.5

4 years ago

1.0.0-rc.4

4 years ago

1.0.0-rc.3

4 years ago

1.0.0-rc.2

4 years ago

1.0.0-rc.1

4 years ago

1.0.0-rc.0

4 years ago

1.0.0-next.7

4 years ago

1.0.0-next.5

4 years ago

1.0.0-next.6

4 years ago

1.0.0-next.4

4 years ago

1.0.0-next.3

4 years ago

1.0.0-next.2

4 years ago

1.0.0-next.1

4 years ago

1.0.0-next.0

4 years ago