DocsComponentsProfile Socials

Profile Socials

The Profile Socials component displays the social links of a user, including URLs and decentralized web links.

Add to your project

import { ProfileSocials } from 'ethereum-identity-kit'
 
export default function Home() {
  return <ProfileSocials userAddress="0x1234...abcd" name="vitalik.eth" records={{ url: 'example.com' }} />
}
Try it out! - https://playground.ethidentitykit.com/?path=/docs/molecules-profile-socials--component-docs

Parameters

ParameterDescriptionRequiredDefault Value
userAddressThe Ethereum address of the user.Yes-
nameThe ENS name of the user.No-
recordsThe records of the user, including URLs and content hashes.Yes-
darkModeWhether the profile is in dark mode.Nofalse
includeUrlsWhether to include the URLs in the profile.Nofalse
iconSizeThe size of the icons displayed.No32
isLoadingWhether the profile is loading, showing placeholders instead of actual data.Nofalse