History

Viktor Fomin a75a49dc9a Web: Components: delete useless		2021-10-20 11:10:51 +03:00
..
svg	Web: Components: changed component hierarchy	2021-02-24 17:42:09 +03:00
avatar.stories.js	Web: Components: add avatar edit button	2021-10-20 00:41:42 +03:00
avatar.test.js	Web: Components: changed component hierarchy	2021-02-24 17:42:09 +03:00
index.js	Web: Components: add avatar edit button	2021-10-20 00:41:42 +03:00
README.md	Web: Components/Common: fix imports	2021-02-26 00:19:45 +03:00
styled-avatar.js	Web: Components: delete useless	2021-10-20 11:10:51 +03:00

Avatar

Used to display an avatar or brand.

import Avatar from "@appserver/components/avatar";

<Avatar size="max" role="admin" source="" userName="" editing={false} />

If you want to create an avatar with initials, only first letter of first two words of line is used.

Props	Type	Required	Values	Default	Description
`size`	`oneOf`	-	`max`, `big`, `medium`, `small`, `min`	`medium`	Size of avatar
`role`	`oneOf`	-	`owner`, `admin`, `guest`, `user`	`user`	Adds a user role table
`source`	`string`	-	-	-	The address of the image for an image avatar
`userName`	`string`	-	-	-	Need to create an avatar with initials
`editing`	`bool`	-	-	`false`	Displays avatar edit layer
`editLabel`	`string`	-	-	`Edit photo`	Label for editing layer
`editAction`	`func`	-	-	-	Function called when the avatar change button is pressed
`className`	`string`	-	-	-	Accepts class
`id`	`string`	-	-	-	Accepts id
`style`	`obj`, `array`	-	-	-	Accepts css style