@snack-uikit/avatar v0.8.8
Avatar
Installation
npm i @snack-uikit/avatar
Example
import { Avatar } from "@snack-uikit/avatar";
<Avatar
name="Name Surname"
src="path-to-avatar/image.jpg"
size='xl'
/>
<Avatar
name="Name Surname"
appearance='pink'
indicator='violet'
shape='square'
showTwoSymbols={true}
/>Avatar
Компонент отображения аватара пользователя.
Props
| name | type | default value | description |
|---|---|---|---|
| name* | string | - | Имя |
| src | string | - | src аттрибут изображеня |
| appearance | enum Appearance: "red", "orange", "yellow", "green", "blue", "violet", "pink", "neutral" | red | Внешний вид |
| size | enum Size: "xxs", "xs", "s", "m", "l", "xl", "xxl" | s | Размер |
| shape | enum Shape: "round", "square" | round | Форма: круглая или квадратная |
| indicator | enum Appearance: "red", "orange", "yellow", "green", "blue", "violet", "pink", "neutral", "primary" | - | Индикатор |
| showTwoSymbols | boolean | - | Отображение двух заглавных символов имени |
| className | string | - | CSS-класс |
4 months ago
6 months ago
6 months ago
7 months ago
4 months ago
6 months ago
6 months ago
9 months ago
3 months ago
9 months ago
9 months ago
9 months ago
6 months ago
9 months ago
3 months ago
6 months ago
4 months ago
9 months ago
6 months ago
9 months ago
6 months ago
6 months ago
4 months ago
10 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago