created:3/5/2021
updated:3/5/2021
loc
136
comments
18%
passed
10
coverage
50%

GithubAvatar

avatar of atanasster

avatar to be used in an AvatarList container

Component

import { GithubAvatar } from '@component-controls/components';

Overview

avatar of Atanas Stoyanov

Properties

Name
Description
Default
Controls
username

user name

string
-
useremail

optional user email to link to gravatar

string
-
tooltip

on hover profile box

ReactNode
-
overlap

overlap % of the avatars in a list

number
0.4
size

size in pixels

number
48
fixedSize

whether to fix the size of the avataro on hover

boolean
true
githubAccessToken

to increase access rate for github user profile info

string
-

Commits

Date
Author
Commit Message
4/28/2021

atanasster

avatar of atanasster
fix: avatar alt text duplicate
4/23/2021

atanasster

avatar of atanasster
feat: tests coverage block
2/22/2021

atanasster

avatar of atanasster
chore: move GithubProfile to own folder
3 commits

External dependencies

package
imports
peer
LocationIcon
react
^17.0.1
ReactNodeFC
*
theme-ui
^0.8.4
jsxBoxPropsAvatar

Internal dependencies

file
imports
"../Value"
"../Link"
"../Popover"
"./useGithubProfile"
useGithubProfile

Component JSX

<div
sx
>
div
<div
sx
/>
div
<div
sx
/>
div
<div
sx
>
div
<div
sx
>
div
<Value
labelvalue
/>
Value
from"../Value"
<Value
labelvalue
/>
Value
from"../Value"
<Value
labelvalue
/>
Value
from"../Value"
<Avatar
sizesrcalttitle
/>
theme-ui
^0.8.4
<Link
aria-labelhrefsx
/>
Link
from"../Link"
<div
sx
/>
div
<Popover
triggerplacementtooltipsx
/>
Popover
from"../Popover"