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

vitalik.ca

Parameters

Parameter	Description	Required	Default Value
`userAddress`	The Ethereum address of the user.	Yes	-
`name`	The ENS name of the user.	No	-
`records`	The records of the user, including URLs and content hashes.	Yes	-
`darkMode`	Whether the profile is in dark mode.	No	false
`includeUrls`	Whether to include the URLs in the profile.	No	false
`iconSize`	The size of the icons displayed.	No	32
`isLoading`	Whether the profile is loading, showing placeholders instead of actual data.	No	false
`showEmptySocials`	Whether to show social media links even when they have no value.	No	false

The component uses predefined styles and can be further customized using the className prop. The appearance can be manually toggled between light and dark modes using the darkMode prop, however, if you have a dark class applied in your application, the component will automatically use that.

Profile Stats Avatar