Web3Address

Display Web3 addresses in a more readable format.

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?