Web3Address

Display Web3 addresses in a more readable format.

Source
@saas-ui/core
2.11.2 (latest)

Import

import { Web3Address } from '@saas-ui/react'

Usage

<Web3Address address="0x71C7656EC7ab88b098defB751B7401B5f6d8976F" />

Custom length

<Web3Address
  address="0x71C7656EC7ab88b098defB751B7401B5f6d8976F"
  startLength={6}
  endLength={3}
/>

In a button

import { Button } from '@chakra-ui/react'
import { Web3Address } from '@saas-ui/react'

export default function AddressButton() {
  return (
    <Button>
      <Web3Address address="0x71C7656EC7ab88b098defB751B7401B5f6d8976F" />
    </Button>
  )
}

Was this helpful?