UX.SOL

Component

Address Display

Displays a shortened blockchain address with optional copy-to-clipboard support.

Preview

UxSo…1111

Installation

terminal
$npx shadcn@latest add https://uxdotsol.xyz/r/address-display.json

Usage

address-display.tsx
import { AddressDisplay } from "@/components/address-display";
 
export default function App() {
return (
<AddressDisplay address="UxSol1111111111111111111111111111111111111" truncate={true} />
);
}

Props / Arguments

NameTypeDefaultDescription
addressstringrequiredThe full on-chain address string to display (e.g. a base-58 public key).
truncatebooleantrueWhen true, addresses longer than 10 characters are shortened to AAAA...ZZZZ format.
copyablebooleantrueWhen true, clicking copies the full address to the clipboard and shows a confirmation icon.