Avatar
Used to display an avatar or brand.
Usage
import { Avatar } from 'rsuite';Examples
Default
Text
You can change the <Avatar> background color and font color by style;
With Icon
Image avatar
You can set alt for <Avatar> , it make sure avatar show pure text avatar when image load failed.
Size
Badge
Props
<Badge>
| Property | Type(Default) |
Description |
|---|---|---|
| alt | string | This attribute defines the alternative text for the image avatar |
| children | string, React.Element |
Content(It maybe text or |
| circle | boolean | Render a circle avatar |
| classPrefix | string ('avatar') |
The prefix of the component CSS class |
| size | enum: 'lg', 'md', 'sm', 'xs' ('md') |
Size of avatar |
| src | string | The address of the image for an image avatar |