Skip to main content

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#

PropsTypeDefault
layout["image", "text"]"image"
textstring""
srcstring""
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