ProfileAvatarButton
Components
ProfileAvatarButton()
ProfileAvatarButton(
props):ReactNode
The ProfileAvatarButton component serves a specific use case: display the profile avatar together with the profile name and DID address in a compact, informative yet flexible way. The full DID address will be truncated to save space when appropriate.
Parameters
| Parameter | Type |
|---|---|
props | ProfileAvatarButtonProps & RefAttributes<HTMLDivElement> |
Returns
ReactNode
Example
const profileId = 'did:pkh:eip155:5:0x36c703c4d22af437dc883e2e0884e57404e16493';
const avatar = { src: 'https://placebeard.it/360x360', height: 360, width: 360 };
<ProfileAvatarButton label='Profile Avatar Button' profileId avatar />
Source
libs/design-system-core/src/components/ProfileAvatarButton/index.tsx:41
Props
ProfileAvatarButtonProps
ProfileAvatarButtonProps:
object
Type declaration
| Member | Type |
|---|---|
alternativeAvatars | Image[] |
avatar | Image |
customStyle | string |
href | string |
label | string |
metadata | ReactElement |
onClick | React.MouseEventHandler<HTMLAnchorElement> |
profileId | string |
truncateText | boolean |
Source
libs/design-system-core/src/components/ProfileAvatarButton/index.tsx:9