Lens Blocks are currently in pre-alpha and not ready for use!

Account Hover Card Block

A hover card that displays Lens account details when hovering over an account name or handle.

A Lens Account chooser component
Open in

Installation

Usage

import { LensAccountHoverCard } from "@/components/lens-account-hover-card";
import { useSessionClient } from "@lens-protocol/react";
import { useWalletClient } from "wagmi";

const { data: sessionClient } = useSessionClient();
const { data: walletClient } = useWalletClient();
const { data: account } = useAccount({
  username: {
    localName: "paulburke",
  },
});

<LensAccountHoverCard account={account} walletClient={walletClient} lensClient={sessionClient}>
  @paulburke
</LensAccountHoverCard>
BlocksLogin