addreth examples

github.com/bpierre/addreth

<Addreth />
<Addreth ens={false} />
// Theme: unified


<Addreth theme="unified-light" />
// Theme: simple


<Addreth theme="simple-light" />
// Theme: custom


<Addreth
  theme={{
    base: "light",
    // …
  }}
/>
// Keep the first and last 6 characters


<Addreth
  ens={false}
  shortenAddress={6}
/>
// Full address


<Addreth
  ens={false}
  shortenAddress={false}
/>
// The badge resizes as expected


<div style={{ width: 200 }}>
  <Addreth
    ens={false}
    shortenAddress={false}
  />
</div>
// A maximum width can be set


<Addreth maxWidth={160} />
// Custom label


<Addreth
  label={(address) => "Vitalik Buterin"}
/>
// Always show the identicon


<Addreth icon="identicon" />
// No icon


<Addreth icon={false} />
// Rainbow style icon


<Addreth
  icon={(address) => (
    <RainbowAvatar address={address} />
  )}
/>
// Custom explorer


<Addreth
  explorer={(address) => ({
    name: "Base",
    url: `https://basescan.org/address/${address}`,
  })}
/>
// Only show the explorer button


<Addreth actions="explorer" />
// Only show the copy button


<Addreth actions="copy" />
// No badge actions


<Addreth actions="none" />
<Addreth uppercase />
// Link style


<Addreth
  ens={false}
  actions="none"
  underline={true}
  theme="simple-light"
/>
// Text button style


<Addreth
  ens={false}
  actions="none"
  theme={{ base: "simple-light", radius: 4 }}
/>