0.8.8 • Published 1 month ago
@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-класс |
0.8.8
2 months ago
0.8.5
4 months ago
0.8.5-preview-d479ae3f.0
4 months ago
0.8.4
6 months ago
0.8.7
2 months ago
0.8.6
4 months ago
0.8.5-preview-e840ab81.0
5 months ago
0.8.2-preview-20b0f520.0
7 months ago
0.8.9-preview-9998cc23.0
1 month ago
0.8.2-preview-042f5ed6.0
7 months ago
0.8.2-preview-7eeb1bc1.0
7 months ago
0.8.2-preview-53bd8747.0
7 months ago
0.8.5-preview-f228eb9d.0
5 months ago
0.8.2-preview-4d81b82b.0
7 months ago
0.8.9-preview-69fcfa33.0
1 month ago
0.8.5-preview-922d2ce6.0
5 months ago
0.8.8-preview-845a4e8b.0
2 months ago
0.8.2-preview-379c4ff3.0
7 months ago
0.8.5-preview-74c13173.0
5 months ago
0.8.2-preview-baf754b1.0
7 months ago
0.8.5-preview-a2a64ca4.0
5 months ago
0.8.5-preview-f7ec3fa7.0
5 months ago
0.8.7-preview-8cf89a18.0
3 months ago
0.8.1
8 months ago
0.8.3
7 months ago
0.8.2
7 months ago
0.6.3-preview-ba12ca94.0
9 months ago
0.6.3-preview-71543426.0
9 months ago
0.8.0
9 months ago
0.7.0
9 months ago
0.6.3-preview-efee0b7d.0
9 months ago
0.6.3-preview-e5174ad1.0
9 months ago
0.6.3-preview-fc25f08d.0
9 months ago
0.6.3-preview-7adaddbe.0
9 months ago
0.6.3-preview-1f246c4a.0
9 months ago
0.6.3-preview-d96c83e8.0
9 months ago
0.6.3-preview-c9b51578.0
9 months ago
0.6.3-preview-3f66d646.0
9 months ago
0.6.2-preview-94780dcd.0
10 months ago
0.6.2
10 months ago
0.6.1
1 year ago
0.6.1-preview-cb79db34.0
1 year ago
0.6.1-preview-08779a44.0
1 year ago
0.6.1-preview-7a18c2ee.0
1 year ago
0.6.1-preview-5b75040d.0
1 year ago
0.6.1-preview-82ef7975.0
1 year ago
0.6.1-preview-69abc1d3.0
1 year ago
0.6.1-preview-80576138.0
1 year ago
0.6.1-preview-0a44b2fc.0
1 year ago
0.6.1-preview-2855fb42.0
1 year ago
0.6.0
1 year ago
0.5.1
1 year ago
0.5.1-preview-993a9cfb.0
1 year ago
0.5.0
2 years ago
0.4.1
2 years ago
0.4.0
2 years ago
0.3.6-preview-85c5f47b.0
2 years ago
0.3.6-preview-104ad22c.0
2 years ago