skip to main content

skip to navigation sidebar

skip to context sidebar

created:3/5/2021

updated:3/5/2021

loc

136

comments

18%

passed

10

coverage

50%

GithubAvatar

@component-controls/components

3.15.0

avatar to be used in an AvatarList container

Component

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

Overview

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	fix: avatar alt text duplicate
4/23/2021	atanasster	feat: tests coverage block
2/22/2021	atanasster	chore: move GithubProfile to own folder

3 commits

External dependencies

package	imports	peer
@primer/octicons-react ^10.0.0	LocationIcon
react ^17.0.1	ReactNodeFC	*
theme-ui ^0.8.4	jsxBoxPropsAvatar

Internal dependencies

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

Component JSX

<div

sx

>

div

<div

sx

/>

div

<div

sx

/>

div

<div

sx

>

div

<div

sx

/>

div

<div

sx

/>

div

<div

sx

>

div

<Value

labelvalue

/>

from"../Value"

<Value

labelvalue

/>

from"../Value"

<Value

labelvalue

/>

from"../Value"

<Avatar

sizesrcalttitle

/>

^0.8.4

<Link

aria-labelhrefsx

/>

from"../Link"

<div

sx

/>

div

<Popover

triggerplacementtooltipsx

/>

from"../Popover"

Components/ExternalLink

Components/GithubAvatarList