Avatar

Generate an avatar for show the status of ypur users

Import

import { Avatar } from "@webeetle/windy";

Default

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Text

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Shadow + Stroke + Rounded

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Avatar Group

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Props

Props	Type	Default
layout	["image", "text"]	"image"
text	string	""
src	string	""
size	["xs", "sm", "md", "lg", "xl"]	md
color	[ "gray", "red", "yellow", "green", "blue", "indigo", "purple", "pink","none"]	indigo
rounded	["sm", "md", "lg", "full", "none"]	full
shadow	["sm", "md", "lg", "full", "none"]	md