Collection of theme-ui and external components.
created:3/15/2021
updated:3/15/2021
source lines:129
comments %:19

GithubAvatar

avatar to be used in an AvatarList container

Overview

({
size,
overlap,
username,
useremail,
}) => {
return (
<GithubAvatar
size={size}
overlap={overlap}
username={username}
useremail={useremail}
/>
);
}

Controls

Name
Description
Default
Controls
username

user name

string
-
useremail

optional user email to link to gravatar

string
-
overlap

overlap % of the avatars in a list

number
0.4
size

size in pixels

number
48

A11y tests

structure

+1 rules100

text-alternatives

+2 rules100

Viewport

320px

375px

768px

1024px