DocsComponentsFollower Tag

Follower Tag

The Follower Tag component displays the relationship status between a given Ethereum address and the connected user, such as whether the user follows, blocks, or mutes the address.

Add to your project

import { FollowerTag } from 'ethereum-identity-kit'
 
export default function Home() {
  return (
    <FollowerTag
      addressOrName="0x983110309620d911731ac0932219af06091b6744" // replace with your address
      connectedAddress="0xc983ebc9db969782d994627bdffec0ae6efee1b3" // replace with a connected address
      showLoading={true} // displays loading cell
    />
  )
}
Try it out! - https://playground.ethidentitykit.com/?path=/docs/molecules-follower-tag--component-docs

Parameters

ParameterDescriptionRequiredDefault Value
addressOrNameThe Ethereum address or ENS name of the follower.Yes-
connectedAddressThe Ethereum address of the currently connected user.Yes-
listThe list of the user (selected list in EFP app).No-
showLoadingWhether to show a loading state while fetching follower status.Nofalse
classNameAdditional CSS class names to apply to the component.No-
propsAdditional props for the <div> element containing the follower tag.No-