-
Notifications
You must be signed in to change notification settings - Fork 0
Avatar
Nariman Bortov edited this page Jul 2, 2023
·
3 revisions
import { Avatar } from '@narimanb/wreactui'
There are three sizes, applied by the prop size: large
, regular
(default) and small
.
Code
<Avatar size="large" src="/img/avatar-1.jpg" alt="Judith" />
<Avatar src="/img/avatar-1.jpg" alt="Judith" />
<Avatar size="small" src="/img/avatar-1.jpg" alt="Judith" />
Pass an image to the avatar using the prop src
.
Code
<Avatar src="/img/avatar-1.jpg" alt="Judith" />
Pass an alternate text to the avatar using the prop alt
.
Code
<Avatar src="/img/avatar-2.jpg" alt="George" />
Prop | Description | Type | Default |
---|---|---|---|
size |
define the size of component |
large , regular , small
|
regular |
src |
required define the source of the image |
string |
|
alt |
required alternate text of the image |
string |
Original source: Estevan Maito https://windmillui.com/react-ui