2.2.13 • Published 1 year ago
@nature-ui/avatar v2.2.13
@nature-ui/avatar
The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.
Installation
yarn add @nature-ui/avatar
# or
npm i @nature-ui/avatar
Import components
import { Avatar, AvatarGroup } from '@nature-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 size='2xl' name='Divine Nature' src='https://tinyurl.com/y4mmkc9v' />
<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>
0.0.0-dev-20230409201910
1 year ago
0.0.0-dev-20230301120121
1 year ago
2.2.1
1 year ago
2.2.0
1 year ago
0.0.0-dev-20230410131720
1 year ago
2.2.13
1 year ago
2.2.11
1 year ago
2.2.12
1 year ago
0.0.0-dev-20230410162901
1 year ago
0.0.1
1 year ago
0.0.0
1 year ago
0.0.0-dev-20230409203337
1 year ago
0.0.0-dev-20230409203113
1 year ago
0.0.0-dev-20230411071731
1 year ago
0.0.0-dev-20230301133840
1 year ago
0.0.0-dev-20221217102739
1 year ago
0.0.0-dev-20221225195604
1 year ago
0.0.0-dev-20221225100930
1 year ago
0.0.0-dev-20221218114655
1 year ago
2.0.3-alpha.0
2 years ago
0.0.0-dev-20221025095017
2 years ago
2.0.2
2 years ago
0.0.0-dev-20221025084126
2 years ago
2.0.1
2 years ago
2.0.0
2 years ago
1.3.1
2 years ago
1.3.0
2 years ago
1.2.0
2 years ago
1.1.3
3 years ago
1.1.2
3 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.2.0
3 years ago
0.1.1-alpha.4
3 years ago
0.1.1-alpha.3
3 years ago
0.1.1-alpha.2
3 years ago
0.1.1-alpha.1
3 years ago
0.1.1-alpha.0
3 years ago